[Erledigt] Value eines Inputfeldes ersetzen

Blackeye · 25.11.2010, 14:46

Hallo liebe php.de-User!

Hab folgendes Problem: Ich implementiere gerade eine Search Suggestion und hol mir die entsprechenden "Suchvorschläge" dazu aus der Datenbank. Das klappt alles und er gibt mit die Vorschläge in einzelnen divs auch mittels JQuery richtig aus.
Nun will ich aber diesen divs auch eine Click-Funktion mitgeben. Wird auf ein div geklickt, soll im Inputfeld dann der Inhalt des Divs stehen.
Irgendwie geht er mir aber nicht in die Click hinein ...

Hier die JQuery-Funktion:

Code:

    $("#wen").attr("autocomplete", "off").keyup(function() {
        var suche= $("#wen").val();

        $.get("inc/suchewen.inc.php?wen="+suche+"",
        function(text){
            var str = text.split("\n");
            $("#eintraege_wen").html("");
            $.each(str, function(index, value) {
                if (value == "") { return false; }
                $('<div>' + str[index] + '</div>').appendTo("#eintraege_wen").addClass("suggest").mouseover(function() {
                    $(this).addClass("suggestover");
                }).mouseout(function() {
                    $(this).removeClass("suggestover");
                }).click(function() {
                    $("#wen").val(str[index]);
                    //$("#eintraege_wen").html("");
                });
            });
        });
    });

Und hier das dazu passende Formular:

Code:

<form action="index.php" method="get">
    <label>Wen?:</label>
    <input type="text" id = "wen" name="wen" value="" />
    <div id="eintraege_wen"></div><br/>

    <label>Wo?:</label>
    <input type="text" id="wo" name="wo" value="" />
    <div id="eintraege_wo"></div><br/>

    <label>Womit?:</label>
    <input type="text" id="womit" name="womit" value="" />
    <div id="eintraege_womit"></div><br/>
    <input type="submit" value=" finden" />
</form>

Vielen Dank für eure Hilfe!

jabubo · 25.11.2010, 15:34

Hast du dir mit alert oder anderem den Wert von "str[index]" im click() ausgeben lassen?

Was steht in der Variablen value? Vielleicht kannst du dir den Array-Aufruf sparen...

Blackeye · 25.11.2010, 15:40

Hab schon mit einem alert getestet ob er überhaupt in die die click() reingeht. Tut er aber nicht ...
In value stehen die einzelnen Suchvorschläge drinnen. Genau gleich wie bei "str[index]" ... stimmt eigentlich ... könnt ich mir sparen, danke

jabubo · 25.11.2010, 15:45

Funktioniert die mouseover und mouseout-Funktion denn? Mir kommt das Konstrukt etwas komisch vor.

Blackeye · 25.11.2010, 15:46

mouseover und mouseout funktioniert

jabubo · 25.11.2010, 15:59

Komisch, generell ist der Weg so in Ordnung. Sorry, da kann ich leider nicht weiterhelfen

nikosch · 26.11.2010, 20:44

Was agen Firebug und die Konsole?

Chriz · 26.11.2010, 20:55

Es gibt doch schon haufenweise AutoSuggest-Plugins für jQuery, warum ein neues erfinden?

Bei mir funktionierts übrigens ..

PHP-Code:

  <?php
if (isset($_GET["wen"])) {
    die(file_get_contents(__FILE__));
}
?>
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
    <script type="text/javascript">

    $(document).ready(function() {
        $("#wen").attr("autocomplete", "off").keyup(function() {
            var suche= $("#wen").val();
    
            $.get("test.php?wen="+suche+"",
            function(text){
                var str = text.split("\n");
                $("#eintraege_wen").html("");
                $.each(str, function(index, value) {
                    if (value == "") { return false; }
                    $('<div>' + str[index] + '</div>').appendTo("#eintraege_wen").addClass("suggest").mouseover(function() {
                        $(this).addClass("suggestover");
                    }).mouseout(function() {
                        $(this).removeClass("suggestover");
                    }).click(function() {
                        $("#wen").val(str[index]);
                        //$("#eintraege_wen").html("");
                    });
                });
            });
        });
    });
    
    </script>
</head>
<body>
<form action="index.php" method="get">
    <label>Wen?:</label>
    <input type="text" id = "wen" name="wen" value="" />
    <div id="eintraege_wen"></div><br/>

    <label>Wo?:</label>
    <input type="text" id="wo" name="wo" value="" />
    <div id="eintraege_wo"></div><br/>

    <label>Womit?:</label>
    <input type="text" id="womit" name="womit" value="" />
    <div id="eintraege_womit"></div><br/>
    <input type="submit" value=" finden" />
</form>
</body>
</html>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Sphider Umlaute und MySQL Fehler	xnic	Datenbanken	2	03.08.2010 20:10
Mysql fehler bei externen Zugriff	SteiniKeule	Datenbanken	4	18.06.2010 12:54
OpenID und XAMPP	nanatsusaia	PHP Tipps 2009	2	20.11.2009 13:21
Probleme mit Bildgenerierung	swsche	PHP Tipps 2009	8	31.10.2009 14:49
Was mime_content_type übergeben	dethlef14	PHP Tipps 2006	16	11.10.2006 17:35
MySQL mit phpMyAdmin verwalten		Datenbanken	20	13.04.2006 11:13
PHP-Safe-Mode Configuration mit Xampp - Scripts laufen nicht	DerN8WaechterX	PHP Tipps 2006	7	27.01.2006 00:41
[Erledigt] Seite wird nicht angezeigt, untersch. Fehler bei IE/FF/Safar		PHP-Fortgeschrittene	19	31.05.2005 14:52
[Erledigt] Error Mail() function		PHP Tipps 2005	3	14.04.2005 03:32
[Erledigt] warum kann nicht SVG files laden?		PHP Tipps 2005	16	09.03.2005 14:05
Thumb function		PHP Tipps 2005	5	07.03.2005 22:28
[Erledigt] Warning: filemtime() [function.filemtime]: stat failed for		PHP-Fortgeschrittene	12	25.02.2005 19:44
Session Problem beim Login		PHP Tipps 2004-2	6	15.12.2004 09:37
Variable fehlt		PHP Tipps 2004-2	4	10.12.2004 13:06
Einloggen funzt einfach nicht...		PHP Tipps 2004	4	29.06.2004 11:12


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

25.11.2010, 15:34
jabubo Erfahrener Benutzer Registriert seit: 23.09.2010 Beiträge: 146 PHP-Kenntnisse: Fortgeschritten	Hast du dir mit alert oder anderem den Wert von "str[index]" im click() ausgeben lassen? Was steht in der Variablen value? Vielleicht kannst du dir den Array-Aufruf sparen... __________________ PHP online testen, zum Beispiel: md5, base64_decode, preg_match, urldecode und viele weitere...

25.11.2010, 15:40
Blackeye Neuer Benutzer Registriert seit: 27.07.2008 Beiträge: 9	Hab schon mit einem alert getestet ob er überhaupt in die die click() reingeht. Tut er aber nicht ... In value stehen die einzelnen Suchvorschläge drinnen. Genau gleich wie bei "str[index]" ... stimmt eigentlich ... könnt ich mir sparen, danke

25.11.2010, 15:45
jabubo Erfahrener Benutzer Registriert seit: 23.09.2010 Beiträge: 146 PHP-Kenntnisse: Fortgeschritten	Funktioniert die mouseover und mouseout-Funktion denn? Mir kommt das Konstrukt etwas komisch vor. __________________ PHP online testen, zum Beispiel: md5, base64_decode, preg_match, urldecode und viele weitere...

25.11.2010, 15:46
Blackeye Neuer Benutzer Registriert seit: 27.07.2008 Beiträge: 9	mouseover und mouseout funktioniert

25.11.2010, 15:59
jabubo Erfahrener Benutzer Registriert seit: 23.09.2010 Beiträge: 146 PHP-Kenntnisse: Fortgeschritten	Komisch, generell ist der Weg so in Ordnung. Sorry, da kann ich leider nicht weiterhelfen __________________ PHP online testen, zum Beispiel: md5, base64_decode, preg_match, urldecode und viele weitere...

26.11.2010, 20:44
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Was agen Firebug und die Konsole? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

26.11.2010, 20:55
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Es gibt doch schon haufenweise AutoSuggest-Plugins für jQuery, warum ein neues erfinden? Bei mir funktionierts übrigens .. PHP-Code: <?php if (isset($_GET["wen"])) { die(file_get_contents(__FILE__)); } ?> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#wen").attr("autocomplete", "off").keyup(function() { var suche= $("#wen").val(); $.get("test.php?wen="+suche+"", function(text){ var str = text.split("\n"); $("#eintraege_wen").html(""); $.each(str, function(index, value) { if (value == "") { return false; } $('<div>' + str[index] + '</div>').appendTo("#eintraege_wen").addClass("suggest").mouseover(function() { $(this).addClass("suggestover"); }).mouseout(function() { $(this).removeClass("suggestover"); }).click(function() { $("#wen").val(str[index]); //$("#eintraege_wen").html(""); }); }); }); }); }); </script> </head> <body> <form action="index.php" method="get"> <label>Wen?:</label> <input type="text" id = "wen" name="wen" value="" /> <div id="eintraege_wen"></div><br/> <label>Wo?:</label> <input type="text" id="wo" name="wo" value="" /> <div id="eintraege_wo"></div><br/> <label>Womit?:</label> <input type="text" id="womit" name="womit" value="" /> <div id="eintraege_womit"></div><br/> <input type="submit" value=" finden" /> </form> </body> </html> __________________ "Nuschel ich?" - "Was?"