ugrás a tartalomhoz

lenyiló fül

kriszrap · 2011. Május. 30. (H), 00.33
sziasztok!!
Azt hogy tudom megcsinálni hogy be írok egy szót vagy betűt és azokat kiválogatja like paranccsal az adatbázisból és mint a youtubenél keresőnél az eredményeket egy lenyiló fülbe rakja hogyan?:)

vagy van egy másik megoldás .A hogy írom a szavakat úgy jeleníti meg az eredményeket egy divbe.

Szerintetek meik jobb?
‹ Avi beillesztése htm-be Szinkron dinamikus script betöltés ›
 ■
1

Ha jol ertelmezem, amit

ciluu · 2011. Május. 30. (H), 06.07
Ha jol ertelmezem, amit irtam, erre van szukseged: http://tinyurl.com/3vuo8xe
2

igen egy ilyenre van

kriszrap · 2011. Május. 30. (H), 14.27
igen egy ilyenre van szükségem:)
és másik kérdésemre tudtok válaszolni??:)
3

A kettő ugyanaz

Poetro · 2011. Május. 30. (H), 15.01
Mindkettő ugyanazt jelenti. Azaz megjelenik egy HTML dokumentum elem, amibe belerak a JavaScript kód valamilyen eredményeket. Hogy milyen eredményeket, és azok hogyan néznek ki, teljesen csak rajtad múlik.
4

értem :)lenyíló fül milyen

kriszrap · 2011. Május. 31. (K), 14.38
értem :)
már csak annyi hogy a lenyíló fülbe lévő szóra rá kattintok akkor bele írja a mezőbe (formos inputtype=text es ) hogyan tudnám a mezőbe íratni azt amit kiválasztok ?:)
5

value

Poetro · 2011. Május. 31. (K), 14.43
<label for="search">Keresés</label>
<input type="text" name="search" id="search">
<script>
var input = document.getElementById('search');
//...
input.value = "Valami";
</script>
6

hát nagyon nem sokra

kriszrap · 2011. Május. 31. (K), 16.41
hát nagyon nem sokra mentem:(
ajax szöveg while ciklussal:

print '&nbsp;&nbsp;<label for="zene_kereses">'.$row['cim'].'</label><br>';
ez pedig a kliens oldal:

<form method="post">
Zene keresése : <input type="text" name='zene_kereses' style='width:200; height:22' onkeyup="zene_kereso_post(this.value)">
<input type="submit" name="kereso_gomb" value="keresés">
<div id="lenyiloful"></div>// ide jön az ajax
</form>
és js ezt nem tom hogy csináljam onclickel? ha igen hogyan,?:(
7

AJAX

Poetro · 2011. Május. 31. (K), 17.17
Ugyanúgy mint bármilyen másik AJAX kérést. A válasszal feltöltöd a lenyiloful elemedet, majd azokra is pakolsz eseményeket.
8

okés rendben csak az

kriszrap · 2011. Május. 31. (K), 17.24
okés rendben csak az onclicket hogy csináljam meg??:)
9

onclick?

Poetro · 2011. Május. 31. (K), 17.43
Milyen onclicket? Mire kell / lehet kattintani?
10

hát ha rá kattintok a

kriszrap · 2011. Május. 31. (K), 17.45
hát ha rá kattintok a szövegre akkor a mezőbe be írja azt amire kattintottam. Sztem ez onclick nem??
11

milyen szövegre?

Poetro · 2011. Május. 31. (K), 17.47
Egyenlőre én nem látok itt semmilyen szöveget, amire rá lehetne kattintani, de javíts ki, ha tévedek.
12

"fülbe lévő szóra rá

kriszrap · 2011. Május. 31. (K), 18.02
"fülbe lévő szóra rá kattintok akkor bele írja a mezőbe" ez az:) ha rákattint a szövegre be írja a mezőbe a szöveget
13

onclick

Poetro · 2011. Május. 31. (K), 18.26

/**
 * Lekérdezi az elemek szöveges tartalmát.
 * @param {Array|NodeList} elems
 *   Elemek listája.
 * @returns {String}
 *   A mezők szöveges tartalma.
 */
function getText(elems) {
  var ret = "", elem;
  for ( var i = 0; elems[i]; i++ ) {
    elem = elems[i];
    if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
      ret += elem.nodeValue;
    } else if ( elem.nodeType !== 8 ) {
      ret += getText( elem.childNodes );
    }
  }

  return ret;
}

function fillKereso() {
  mezo.value = getText([this]);
  return false;
}

// Valamiképp hozzájutsz a szavakhoz...
szo.onclick = fillKereso;
A fenti nem működik ebben a formában, csak egy megközelítést ad, hogyan kell elindulni.
14

ajax rész: //ajax rész: print

kriszrap · 2011. Május. 31. (K), 22.39
ajax rész:

//ajax rész:
print '&nbsp;&nbsp;<label><a onclick="kivalasztas(this.value);return false" >'.$row['cim'].'</a></label><br>';
}
//kliens oldal:
js:
function kivalasztas(str2)
{
document.getElementById('zene_kerese').value=str2;
}

html:
<form method="post">
Zene keresése : <input type="text" name='zene_kereses' id="zene_kerese" style='width:200; height:22' onkeyup="zene_kereso_post

(this.value)">
<input type="submit" name="kereso_gomb" value="keresés">
<div id="lenyiloful"></div>
</form>
ezt irja a mezöbe:
undefined
és majd nem jól meg csinálta:)
15

Nincs

Poetro · 2011. Május. 31. (K), 22.43
Mivel nincs az <a> elemnek value tulajdonsága, ezért lesz undefined.
16

hogy lehet megadni neki??:D

kriszrap · 2011. Május. 31. (K), 22.45
hogy lehet megadni neki??:D
17

getText

Poetro · 2011. Május. 31. (K), 23.12
Használd a fent bemutatott getText függvényt a link tartalmának kinyerésére.
18

this.value helyére mit írja??

kriszrap · 2011. Május. 31. (K), 23.37
this.value helyére mit írja??
19

Olvasmány

Poetro · 2011. Május. 31. (K), 23.40
Előbb ajánlom elolvasásra és alkalmazásra a Diszkrét JavaScript című cikket. Remélem sikerül elsajátítani az abban leírtakat.
20

egyszerűen nem tok rá jönni:(

kriszrap · 2011. Jún. 2. (Cs), 22.18
meg van sikerült:D

print '<label><a id="'.$row['cim'].'" onclick="kivalasztas(this.id);return false" >'.$row['cim'].'</a></label><br><br>';

function kivalasztas(str2)
{
document.getElementById('zene_kerese').value=str2;
}
vagy máskép csináljam??:)
21

id

Poetro · 2011. Jún. 2. (Cs), 22.57
Mivel az id csak ASCII betűket, számokat, aláhúzást és kötőjelet tartalmazhat, semmiképp se azt használd. Inkább legyen title attribútum. De úgy látom semmit nem tanultál az ajánlott irodalomból.
22

Okes

kriszrap · 2011. Jún. 2. (Cs), 23.34
Okes
23

Barátkozzatok

Poetro · 2011. Jún. 2. (Cs), 23.34
Ajánlom barátkozzatok a title attribútummal, vagy az a legjobb, ha csinálsz egy kis HTML gyorstalpalót. Megnézed milyen gyakori HTML elemek vannak, és azoknak milyen attribútumai. A class-ra ugyanazok a korlátozások érvényesek igazából mint az id-re.
24

sikerült:)

kriszrap · 2011. Jún. 8. (Sze), 18.19
kis css problémám meg egy kis böngésző problémám van sajna:(
Annyi hogy én a honlapomat 1280*960 készítettem eddig nincs probléma csak amikor a másik felhasználó más képarányt használ a lenyíló fül elcsúszik jobbra:(

#lenyiloful {
	position: absolute;
	left: 0px;
	top:125px;
	margin: 124px 0px 0px 652px;
	width: 146px;
	padding:0px;
	background-color: #282828;
        border: 1px red solid;
	border-top: 1px solid #000;
	color: #fff;
        font-size:10px;
}
a másik probléma a böngésző . Ugye a böngészők meg jegyzik a beírt szövegeket és ugyan úgy lenyíló fület használ és ez zavaró . Mi rá a gyógymód??:(
25

position

Blintux · 2011. Jún. 9. (Cs), 09.27
Bár nem tudom milyen az oldal szerkezeted, de feltételezem, hogy a lenyíló füled egy másik DIV-ben helyezkedik el. Ebben az esetben a szülő DIV pozícióját állítsd relativra (position:relative). Ekkor a lenyílófül DIV ehhez képest fog pozicionálódni.

Az input mezők szöveg cachelését kikapcsolhatod, ha a <FORM>-hoz hozzáadod a autocomplete="off" opciót.
26

hát a lenyíló fület így

kriszrap · 2011. Jún. 9. (Cs), 14.26
sikerült a css:)