Dinamické vyhladavanie - dizajn – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Dinamické vyhladavanie - dizajn – CSS – Fórum – Programujte.comDinamické vyhladavanie - dizajn – CSS – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
Peter1250
Newbie
20. 2. 2015   #1
-
0
-

Ahojte, pravil som si dinamicke vyhladavanie podla jedneho navodu.


Připojen obrázek.

Takto vyzera php kod:

Připojen obrázek.

 Takto HTML kod spolu s ajaxom.

Připojen obrázek.

Takto to je keď to zapnem:

Připojen obrázek.

Na konci videa ukaze co z toho spravil, chcel by som spraviť nieco take. Lenze vobec neviem ako mam spravit to aby sa mi tie vysldky takto stylovali. Mne staci keby mi ukazete napr , ze nech mi da nazov url zelenym a text k tomu modrym a nech je napr odsadeny par px. ja uz si z toho nieco spravim, len vobec neviem kam dat ten kod, nech robim co chcem tie vysledky vyhladavania sa mi vobec nestylizuju.

Připojen obrázek.

Ďakujem pekne :)

Nahlásit jako SPAM
IP: 178.143.123.–
Reklama
Reklama
peter
~ Anonymní uživatel
2551 příspěvků
20. 2. 2015   #2
-
0
-

 Zbytek css, marginy, border-lext, font-size a pod si najdi, jak se pise na jakpsatweb.cz, treba nebo oficialnich strankach prohlizecu, pripadne w3c (pouzijes treba google pro vyhledavani)

<style>
.result .radek1 {color:#ff0000;}
.result .radek2 {color:#00ff00;}
.result .radek3 {color:#0000ff;}
</style>

<div class=result>
<div class=radek1>xxx</div>
<div class=radek2>yyy</div>
<div class=radek3>zzz</div>
</div>

<div class=result>
<div class=radek1>aaa</div>
<div class=radek2>bbb</div>
<div class=radek3>ccc</div>
</div>
Nahlásit jako SPAM
IP: 2001:718:2601:1f7:10d7:56...–
Peter1250
Newbie
20. 2. 2015   #3
-
0
-

Toto viem spraviť, ide mi o to ako napríklad tkaéto zafarbenie dať do toho vyhladavania. Tam mi to vypíše naprklad 10 položiek s linkami., tak ako spravím to aby vždy tá položka modrá a linka zelená.

Ke konkrétne mám čo vložiť. Lebo skúšal som všeličo, aj do kodu na prvom obrázku, do toho "echo..."
Aj do kódu na druhom obrázku do <div id=out>... </div> a nic sa nedeje.

To čo mám v "echo ... " vyzerá takto:

 Potrebujem nejko dizajnovo oddeliť obsah ".$row['a']." ".$row['b']." od obsahu tohto ".$row['c'].""

Do toho prveho som skusil vlozit ten styl co si mi poslal, ale nejde to... V tom "echo..." nefungujú bežné html tagy, ani tabulka sa tam nedá spravit, nic, tak sa pýtam kde mám vlozit ten stýl aby to bolo vporiadku.
Pocet výsledkov vyhladávania sa mení, na nieco najde 10 vysledkov na nieco 2 výsledky...  Kazdy ten vysledok potrebujem nejako stylizovat, napr tak ako je na ukazke posledneho obrazka, ktory som vlozil vyssie.

Ďakujem

<div class=result>
	<div class=.radek1>
		<a href='bla bla'>
			".$row['a']." ".$row['b']." 
				</a>
	</div>

	<div class='title'>
		<a href='bla bla'>
			".$row['c']." 
		</a>
	</div>
</div>
Nahlásit jako SPAM
IP: 178.143.123.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 7 hostů

Podobná vlákna

Dinamické boxy — založil Anonymní uživatel

Vyhľadávanie v databáze — založil Tocimanko

Excel - vyhladavanie — založil Martin

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý