kostenloser Webspace werbefrei: lima-city


Suche auf lima-city

  • in: jQuery - JSONP Ergebnis Ausgabe (each)

    geschrieben von suchweb

    oh man, Danke .....

    ich habe also anstatt
    $('#result2')....
    ohne # für ID Selector
    $('result2')....


    habe jetzt auch ganz schön lang gebraucht, um diesen Unterschied mein Code / dein Code zu sehen

    ... das Raute-Zeichen ..... # ..... ok .... :wall: .... DANKE !!!

  • in: jQuery - JSONP Ergebnis Ausgabe (each)

    geschrieben von suchweb

    Hallo

    ich möchte Daten ausgeben die ich per jQuery JSONP eingelesen habe
    aber irgendwie haut mein Konstrukt mit each() nicht hin ... keine Ausgabe :(

    hier mein HTML / Javascript Code:
    <html>
    <head>
    <title>Synonyme</title>
    
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    
    </head>
    <body>
    
    <script type="text/javascript">
    
    var query = 'Bier'; 
    
    var readurl = 'http://www.openthesaurus.de/synonyme/search?q='  + query + '&mode=all&format=application/json&callback=?';
    
    $.getJSON(readurl, function(resdata) {
    
    	var debugtext = JSON.stringify(resdata); 
    	// alert("JSON Data: " + JSON.stringify(resdata));
    	
    	debugtext = debugtext.replace(/{/g, "\n{\n");
    	debugtext = debugtext.replace(/,\"/g, "\",\n\"");
    	debugtext = debugtext.replace(/]/g, "]\n");
    
    	$('#debug').text(debugtext);
    
    
    		$.each(resdata.synsets, function(synkey, synval){ 
    			$.each(synval.terms, function(tkey, tval){ 
    				$("result1").append("<br />" + tval.term + "\n");
    			});
    		});
    
    		$.each(resdata.similarterms, function(simkey, simval){ 
    			$("result2").append("<br />" + simval.term + "\n");
    		});
    
    		$.each(resdata.substringterms, function(subkey, subval){ 
    			$("result3").append("<br />" + subval.term + "\n");
    		});
    
    		$.each(resdata.startswithterms, function(stukey, stuval){ 
    			$("result4").append("<br />" + stuval.term + "\n");
    		});
    
    });
    
    </script>
    
    <br />
    <br />
    
    <div id="result1"></div>
    
    <br />
    <br />
    
    <div id="result2"></div>
    
    <br />
    <br />
    
    <div id="result3"></div>
    
    <br />
    <br />
    
    <div id="result4"></div>
    
    <br />
    <br />
    
    <pre id="debug"></pre>
    
    <br />
    <br />
    
    </body>
    </html>



    es funktioniert nur die Ausgabe des Debug-Text in id="debug"
    aber die einzelnen Ergebnisse in result1 bis result4 bleiben leer ?!

    der JSON Debug Code sieht so aus:

    {
    "metaData":
    {
    "apiVersion":"0.2"",
    "warning":"ACHTUNG: Bitte vor ernsthafter Nutzung feedback@openthesaurus.de kontaktieren, um bei API-Änderungen informiert zu werden"",
    "copyright":"Copyright (C) 2011 Daniel Naber (www.danielnaber.de)"",
    "license":"GNU LESSER GENERAL PUBLIC LICENSE Version 2.1"",
    "source":"http://www.openthesaurus.de"",
    "date":"Mon May 20 11:55:44 CEST 2013"}",
    "synsets":[
    {
    "id":11643",
    "categories":[]
    ",
    "terms":[
    {
    "term":"Ballerbrühe (salopp)"",
    "level":"umgangssprachlich"},
    {
    "term":"Bier"},
    {
    "term":"Bierchen"",
    "level":"umgangssprachlich"},
    {
    "term":"Bölkstoff (norddt., salopp)"",
    "level":"umgangssprachlich"},
    {
    "term":"Flüssigbrot (scherzhaft)"",
    "level":"umgangssprachlich"},
    {
    "term":"Gerstenkaltgetränk"",
    "level":"umgangssprachlich"},
    {
    "term":"Gerstenkaltschale"},
    {
    "term":"Gerstensaft"",
    "level":"umgangssprachlich"},
    {
    "term":"Hopfen und Malz"",
    "level":"umgangssprachlich"},
    {
    "term":"Hopfentee"",
    "level":"umgangssprachlich"},
    {
    "term":"Humpen"},
    {
    "term":"Krawallbrause"",
    "level":"umgangssprachlich"},
    {
    "term":"kühles Blondes"",
    "level":"umgangssprachlich"},
    {
    "term":"Maß (Bayern)"},
    {
    "term":"Maurerbrause"",
    "level":"derb"},
    {
    "term":"Schoppen"",
    "level":"umgangssprachlich"}]
    }]
    ",
    "similarterms":[
    {
    "term":"Bien"",
    "distance":1},
    {
    "term":"Biker"",
    "distance":1},
    {
    "term":"Eier"",
    "distance":1},
    {
    "term":"Gier"",
    "distance":1},
    {
    "term":"Gier (nach)"",
    "distance":1}]
    ",
    "substringterms":[
    {
    "term":"(absorbierte Stoffe) abgeben"},
    {
    "term":"(Bier) vom Fass"},
    {
    "term":"(Idee) aus einer Bierlaune heraus"},
    {
    "term":"absorbieren"},
    {
    "term":"adhibieren (veraltet)"},
    {
    "term":"Altbier"},
    {
    "term":"ausprobieren"},
    {
    "term":"ausprobierend"},
    {
    "term":"Babybier"},
    {
    "term":"Barbier"}]
    ",
    "startswithterms":[
    {
    "term":"Bier"},
    {
    "term":"Bier nach Pilsener Brauart"},
    {
    "term":"Bier nach Pilsner Brauart"},
    {
    "term":"Bier-Limonade-Mix"},
    {
    "term":"Bierbauch"},
    {
    "term":"Bierbrauerei"},
    {
    "term":"Bierchen"},
    {
    "term":"Bierdeckel"},
    {
    "term":"Bierduell"},
    {
    "term":"bierernst"}]
    }



    das gleiche als PHP (json_decode) Ausgabe

    stdClass Object
    (
        [metaData] => stdClass Object
            (
                [apiVersion] => 0.2
                [warning] => ACHTUNG: Bitte vor ernsthafter Nutzung feedback@openthesaurus.de kontaktieren, um bei API-Änderungen informiert zu werden
                [copyright] => Copyright (C) 2011 Daniel Naber (www.danielnaber.de)
                [license] => GNU LESSER GENERAL PUBLIC LICENSE Version 2.1
                [source] => http://www.openthesaurus.de
                [date] => Mon May 20 11:49:48 CEST 2013
            )
    
        [synsets] => Array
            (
                [0] => stdClass Object
                    (
                        [id] => 11643
                        [categories] => Array
                            (
                            )
    
                        [terms] => Array
                            (
                                [0] => stdClass Object
                                    (
                                        [term] => Ballerbrühe (salopp)
                                        [level] => umgangssprachlich
                                    )
    
                                [1] => stdClass Object
                                    (
                                        [term] => Bier
                                    )
    
                                [2] => stdClass Object
                                    (
                                        [term] => Bierchen
                                        [level] => umgangssprachlich
                                    )
    
                                [3] => stdClass Object
                                    (
                                        [term] => Bölkstoff (norddt., salopp)
                                        [level] => umgangssprachlich
                                    )
    
                                [4] => stdClass Object
                                    (
                                        [term] => Flüssigbrot (scherzhaft)
                                        [level] => umgangssprachlich
                                    )
    
                                [5] => stdClass Object
                                    (
                                        [term] => Gerstenkaltgetränk
                                        [level] => umgangssprachlich
                                    )
    
                                [6] => stdClass Object
                                    (
                                        [term] => Gerstenkaltschale
                                    )
    
                                [7] => stdClass Object
                                    (
                                        [term] => Gerstensaft
                                        [level] => umgangssprachlich
                                    )
    
                                [8] => stdClass Object
                                    (
                                        [term] => Hopfen und Malz
                                        [level] => umgangssprachlich
                                    )
    
                                [9] => stdClass Object
                                    (
                                        [term] => Hopfentee
                                        [level] => umgangssprachlich
                                    )
    
                                [10] => stdClass Object
                                    (
                                        [term] => Humpen
                                    )
    
                                [11] => stdClass Object
                                    (
                                        [term] => Krawallbrause
                                        [level] => umgangssprachlich
                                    )
    
                                [12] => stdClass Object
                                    (
                                        [term] => kühles Blondes
                                        [level] => umgangssprachlich
                                    )
    
                                [13] => stdClass Object
                                    (
                                        [term] => Maß (Bayern)
                                    )
    
                                [14] => stdClass Object
                                    (
                                        [term] => Maurerbrause
                                        [level] => derb
                                    )
    
                                [15] => stdClass Object
                                    (
                                        [term] => Schoppen
                                        [level] => umgangssprachlich
                                    )
    
                            )
    
                    )
    
            )
    
        [similarterms] => Array
            (
                [0] => stdClass Object
                    (
                        [term] => Bien
                        [distance] => 1
                    )
    
                [1] => stdClass Object
                    (
                        [term] => Biker
                        [distance] => 1
                    )
    
                [2] => stdClass Object
                    (
                        [term] => Eier
                        [distance] => 1
                    )
    
                [3] => stdClass Object
                    (
                        [term] => Gier
                        [distance] => 1
                    )
    
                [4] => stdClass Object
                    (
                        [term] => Gier (nach)
                        [distance] => 1
                    )
    
            )
    
        [substringterms] => Array
            (
                [0] => stdClass Object
                    (
                        [term] => (absorbierte Stoffe) abgeben
                    )
    
                [1] => stdClass Object
                    (
                        [term] => (Bier) vom Fass
                    )
    
                [2] => stdClass Object
                    (
                        [term] => (Idee) aus einer Bierlaune heraus
                    )
    
                [3] => stdClass Object
                    (
                        [term] => absorbieren
                    )
    
                [4] => stdClass Object
                    (
                        [term] => adhibieren (veraltet)
                    )
    
                [5] => stdClass Object
                    (
                        [term] => Altbier
                    )
    
                [6] => stdClass Object
                    (
                        [term] => ausprobieren
                    )
    
                [7] => stdClass Object
                    (
                        [term] => ausprobierend
                    )
    
                [8] => stdClass Object
                    (
                        [term] => Babybier
                    )
    
                [9] => stdClass Object
                    (
                        [term] => Barbier
                    )
    
            )
    
        [startswithterms] => Array
            (
                [0] => stdClass Object
                    (
                        [term] => Bier
                    )
    
                [1] => stdClass Object
                    (
                        [term] => Bier nach Pilsener Brauart
                    )
    
                [2] => stdClass Object
                    (
                        [term] => Bier nach Pilsner Brauart
                    )
    
                [3] => stdClass Object
                    (
                        [term] => Bier-Limonade-Mix
                    )
    
                [4] => stdClass Object
                    (
                        [term] => Bierbauch
                    )
    
                [5] => stdClass Object
                    (
                        [term] => Bierbrauerei
                    )
    
                [6] => stdClass Object
                    (
                        [term] => Bierchen
                    )
    
                [7] => stdClass Object
                    (
                        [term] => Bierdeckel
                    )
    
                [8] => stdClass Object
                    (
                        [term] => Bierduell
                    )
    
                [9] => stdClass Object
                    (
                        [term] => bierernst
                    )
    
            )
    
    )



    ich verstehe nicht, warum meine each() Konstruke nichts ausgeben ... was ist falsch ?
    ... wäre Dankbar für Korrektur :)


  • in: neuer "Community Chat" auf lima-city

    geschrieben von suchweb

    bei mir kommt in dem Ding nur: "kein Login möglich"

    ... muss man sich dafür jetzt noch wo extra anmelden ?!?

  • in: Exakt gleiche Abstände via JS (zb in Navigation)

    geschrieben von suchweb

    nagut, hier nochmal als funktionierendes (selbsterklärendes) Beispiel (komplette Seite)

    1. jQuery laden
    2. Breite von div ID #site-navigation (in Pixel) ermitteln
    3. Anzahl der <li> Elementen innerhalb <ul> innerhalb div ID #site-navigation ermitteln
    4. Breite für jedes einzelne <li> Element berechnen
    ... (berechneter Wert minus (anzahl * 4) wegen Abstände dazu)
    5. jedem <li> Element innerhalb <ul> innerhalb div ID #site-navigation neue Breite zuweisen
    6. jedem <a> Element innerhalb <li> ... neue Breite zuweisen ... (inkl. Abstände beachten)
    ... habs mit CSS display:block; ausprobiert, ging aber nicht ... komisch ?!?! ... naja, dann halt so ...
    7. Info der ermittelten / berechneten Werte div ID #debug-info ausgeben ( kann man auch weg lassen)


    <html>
    <head>
    <title>Dynamische Breite</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    
    <script type="text/javascript">
    /* <![CDATA[ */
    
    $('document').ready(function() {
    	
    	var breite = $("#site-navigation").width();
    	
    	var anzahl = $("#site-navigation ul").children().length;
    	
    	var bt = ( Math.floor( breite / anzahl ) - (anzahl * 4));
    	
    	$("#site-navigation ul li").css("width", bt + "px");
     	$("#site-navigation ul li a").css("width", (bt - 8) + "px"); 
    	
    	$("#debug-info").html("\n<p>Gesamt Breite: " + breite + " Pixel</p>\n<p>Elemente Anzahl: " + anzahl + "</p><p>Breite je Element: \n" + bt + " Pixel</p>\n");
    
    });
    
    /* ]]> */
    </script>
    
    <style type="text/css">
    <!--
    
    body {
    	font-family: Verdana, Arial;
    	font-size: 12px;
    	color: #000000;
    	background: #FFFFFF;
    }
    
    #wrapper {
    	text-align: center;
    	margin: 8px;
    	padding: 6px;
    	background: #EFEFEF;
    }
    
    #site-navigation {
    	margin: 0 auto; 
    	width: 900px; 
    	background: #FFAAFF;
    	height:36px;
    }
    
    #site-navigation ul {
    	list-style-type: none;
    	margin: 0px;
    	padding: 0px;
    }
    
    #site-navigation li {
    	float:left;
    	margin: 4px 0px 0px 6px;
    	padding: 4px;
    	background: #DEDEDE;
    }
    
    #site-navigation li a {
    	float: left; 
    /*--- 	display:block  // --- geht nicht ??? ---  */
    	margin: 0px;
    	padding: 2px 4px 2px 4px;
    	text-align: center; 
    	background: #CCFFAA;
    }
    
    #site-navigation li a {
    	float: left; 
    	margin: 0px;
    	padding: 2px 4px 2px 4px;
    	text-align: center; 
    	background: #CCFFAA;
    	text-decoration: none; 
    }
    
    #site-navigation li a:hover {
    	background: #CCCCFF;
    	text-decoration: none; 
    }
    
    
    #debug-info {
    	margin: 0 auto;
    	padding: 6px;
    	background: #DEDEDE;
    	width:520px;
    	text-align: left;
    }
    
    -->
    </style>
    
    
    </head>
    
    <body bgcolor="#FFFFFF" text="#000000">
    
    <div id="wrapper">
    
    <div id="site-navigation">
    
    <ul>
    <li><a href="#">Element 1</a></li>
    <li><a href="#">Element 2</a></li>
    <li><a href="#">Element 3</a></li>
    <li><a href="#">Element 4</a></li>
    </ul>
    
    </div>
    
    
    <br />
    <br />
    <br />
    
    <div id="debug-info">
    </div>
    
    <br />
    <br />
    <br />
    
    </div>
    
    
    </body>
    </html>


    ... mit Hintergrund-Farben, damit man die einzelnen Blöcke besser sieht ;)


    Wenn Du die Breite von #site-navigation änderst und / oder die Anzahl der <li> Elemente
    dann bekommst Du auch eine andere (einheitliche) Breite für jedes einzelnes <li> Element
    ... probier es aus .... :)

    sollte "selbsterklärend" sein
    ... jQuery ist doch sooooooo einfach .... und gut dokumentiert .... es gibt viele Beispiele

    Mit diesem Beispiel solltest Du es jetzt (irgendwie) verstehen :=) ... hoffe ich :oO


    EDIT .... Frage an die Experten ... warum geht hier CSS display:block; für <a> innerhalb <li> nicht ???
  • in: Exakt gleiche Abstände via JS (zb in Navigation)

    geschrieben von suchweb

    vielleicht mit jQuery .css in $('document').ready(function() { ... });

    $('document').ready(function() { 
      
      var breite = $("#site-navigation").width(); 
      var anzahl = $("#site-navigation ul").children().length;
      
      var bt = Math.floor( breite / anzahl );
      // var bt = 150; 
      
      $("#menu-item-19").css("width", bt + "px"); 
      $("#menu-item-20").css("width", bt + "px"); 
      $("#menu-item-21").css("width", bt + "px"); 
      
    });


    nicht getestet .. ;)

    EDIT ... oder sonst mit "pure" JS das JS-Script erst am Ende der Datei (vor </body>) ausführen,
    damit die Elemente, die verwendet werden, vorher schon (im DOM) "geladen" sind ...
  • in: jQuery Auto-Suggestion in Formular übernehmen

    geschrieben von suchweb

    hmm,
    ich bekomme es nicht hin, weder mit .live oder .bind oder .on

    habe jetzt (nach der document.ready Funktion) eingefügt:
    function use_sug (sugtxt) { 
    		// alert("Auswahl: "+ sugtxt);
    		$('#mal').empty().text(sugtxt); 
    		$('#tx').val(sugtxt); 
    }


    und in der suggestions1.php bei <li> Element ein onClick eingefügt
    echo "\t\t".'<li class="'.$cssclass.'" onClick="use_sug(\''.$s.'\')">' . $s . '</li>'."\n";


    damit geht es, aber blöd, wenn man (ich) in einem von jQuery erzeugtem Element
    keinen Click-Handler / Event mit jQuery hin bekommt, sondern das "alte" onClick nehmen muss

    .... habe echt viel mit it .live oder .bind oder .on ausprobiert, aber nicht zum Laufen bekommen
    :(

  • in: Bananenrepublik Bayern

    geschrieben von suchweb

    ja und das schlimme daran ist,
    wenn DIE sowas machen, passiert Ihnen garnichts

    aber wen "der kleine Mann" nur 10 Euro nicht bei der Steuer angibt,
    dann hat er gleich eine Straftat begangen ?!?

    was soll diese "immunität" für Abgeordnete, die sollte man vor Gericht stellen können,
    ... und nicht nur dafür, auch bei anderen "Steuer-Verschwendungen"
    wie z.B. einen Flughafen oder Bahnhof für viele Milliarden Euro bauen, wo kein Bedarf ist
    ... Beispiele gibts ja genug, aber den Verantwortlichen passiert garnichts

    Eine Verkäuferin an der Supermarkt-KAsse wird entlassen, wenn Sie 1 Kaugummi nimmt,
    aber Abgeordnete setzen Aber-Millionen in den Sand und können einfach weiter machen.

    möchte mal wissen, wieviel Euro insgesamt es sind
    für diese "Löhne" an Verwandte für Abgeordnete (seit 2000).

    Bin dafür, dass diese "Löhne" doppelt und dreifach zurück-bezahlt werden müssen
    und auch Politiker für Ihr Tun und Ihre Entscheidungen "haften" .... also bestraft werden können

  • in: jQuery Auto-Suggestion in Formular übernehmen

    geschrieben von suchweb

    Hallo

    ich versuche für ein Such-Formular die (Google-) Auto-Suggestion zu verwenden,
    bekomme auch Ergebnisse, aber schaffe es nicht ein Ergebnis zu übernehmen

    Die Auto-Suggestion Ergebnisse werden dynamisch in einer ul / li Liste ausgegeben

    bei einem Test, den Inhalt eines <li> Elements per jQuery click Funktion in Variable zu holen
    ... da klappt es 1A

    Aber bei mit <li> Elemente aus Auto-Suggestion klappt es nicht ?!? .... ???

    hier ist mein Code:

    Datei: index.php
    <?php 
    // ---------------------------------------------------- 
    
    header('Content-type: text/html; charset=utf-8'); 
    
    if (!empty($_REQUEST['q'])) { 
    $go_query = trim($_REQUEST['q']); 
    }
    else { 
    $go_query = ''; 
    }
    
    // ---------------------------------------------------- 
    ?>
    <html>
    <head>
    <title>Suggestions</title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    
    <script type="text/javascript">
    $('document').ready(function() { 
    
    	text_prompt = 'Suche eingeben';
    	
    	// Add initial text to textbox
    	if($('#tx').val() == '')
    	{
    		$('#tx').val(text_prompt)
    	}
    
    	// When clicked remove text
    	$('#tx').click(function(){
    		if($('#tx').val() == '' || $('#tx').val() == text_prompt)
    		{
    			$('#tx').val('')
    		}
    	})
    	
    	// When text input loses focus
    	$('#tx').blur(function(){
    		if($('#tx').val() == '')
    		{
    			$('#tx').val(text_prompt)
    		} 
    	})
    	
    	
    	$('#tx').keyup(function()
    	{    
    		$('#search_dd').html(get_json($('#tx').val()));                 
    	})
    	
    	function get_json(text)
    	{
    		// To avoid sending an empty query
    		if(text != '')
    		{
    			$('#search_dd').slideDown('fast', function(){
    				var query = encodeURI(text);
    				var misec = new Date().getTime(); 
    				url = 'suggestions1.php?q='  + query + "&m=" + misec + "";
    		
    				$.get(url, function(data) {
    					$('#search_dd').html(data)
    				});
    			})
    	
    		}
    		else
    		{
    			$('#search_dd').slideUp('fast', function(){
    				$('#search_dd').html('');
    			})
    		}
    	}
    	
    	function hi_mal(text)
    	{
    		$('#mal').html(text)
    	}
    	
    	
    	
    	$("#test li").click(function() { 
    		var testtxt = $(this).text(); 
    		// alert("Auswahl: "+ testtxt);
    		$('#mal').empty().text(testtxt); 
    		$('#tx').val(testtxt); 
    	});
    	
    	
    	$("#sug li").click(function() { 
    		var sugtxt = $(this).text(); 
    		// alert("Auswahl: "+ sugtxt);
    		$('#mal').empty().text(sugtxt); 
    		$('#tx').val(sugtxt); 
    	});
    	
    
    });
    </script>
    
    
    <style type="text/css">
    
    body {
    	font-family: Verdana, Arial, Helvetica, sans-serif; 
    	font-size: 14px; 
    	background:#FFFFFF; 
    	color:#000000; 
    }
    
    div#search_dd { 
    	background: #FFF;
    	border: 1px solid gray;
    	display: none;
    	margin:8px; 
    	width: 500px;
    	height: 260px;
    	overflow-y: scroll;
    }
    
    label { 
    	margin: 4px 4px 8px 12px; 
    	padding: 2px; 
    	font-size: 12px;
    	font-style: italic;
    }
    
    #mal { 
    	background: purple;
    	color: yellow;
    	margin:8px; 
    	width: 500px;
    	height: 36px;
    	text-align: center;
    }
    
    form { 
    	width: 520px;
    	margin: 20px auto; 
    	padding: 6px; 
    	font-size:14px; 
    	background:#DEDEDE; 
    }
    
    input#tx { 
    	width: 210px;
    	font-size:16px; 
    }
    
    #search_dd ul { 
    	list-style-type: none;
    	list-style: none;
    	margin: 0; 
    	padding: 0;
    }
    
    #search_dd ul#sug li { 
    	list-style: none;
    	padding: 2px 2px 2px 10px;
    }
    
    .bgdark { 
    	background: #EEEEEE;
    }
    
    .bglight { 
    	background: #FFFFFF;
    }
    
    
    </style>
    
    </head>
    <body>
    
    <br />
    <br />
    <br />
    
    <form>
    	<label>Bitte Suche eingeben:</label>
    	<input id="tx" name="q" value="<?php echo $go_query; ?>" />
    	&nbsp;&nbsp;&nbsp; OK: <input type="submit" name="go" value="SUCHEN">
    	<div id="search_dd"></div>
    	<div id="mal">&nbsp;</div>
    </form>
    
    <br />
    <br />
    
    <?php 
    // --------------------------------- 
    if (!empty($go_query)) { 
    echo "<h2>Suche: ".$go_query."</h2>\n"; 
    }
    else { 
    echo "<p>Bitte zuerst Suchwort(e) eingeben</p>\n"; 
    }
    
    // --------------------------------- 
    ?>
    
    <br />
    <br />
    
    
    <p>Test Liste</p>
    
    <ul id="test">
     <li>Eins</li>
     <li>Zwei</li>
     <li>Drei</li>
     <li>Vier</li>
    </ul>
    
    <br />
    <br />
    <br />
    
    </body>
    </html>



    Datei: suggestions1.php

    <?php 
    // ---------------------------------------------------------- 
    
    header('Content-type: text/html; charset=utf-8'); 
    
    // ---------------------------------------------------------- 
    
    class Suggestions { 
    	
    	public static function return_list($query) { 
    		
    		$lang = 'de';
    		
    		$url = 'http://suggestqueries.google.com/complete/search?output=firefox&client=firefox&hl=' . $lang . '&q=' . urlencode($query);
    		
    		$ch = curl_init($url); 
    		curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 10); 
    		curl_setopt($ch, CURLOPT_TIMEOUT, 10); 
    		curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); 
    		curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20100101 Firefox/20.0"); 
    		$data = curl_exec($ch); 
    		curl_close($ch); 
    		
    		$suggestions = json_decode($data, true); 
    		
    		echo "\n"; 
    		echo "\t".'<ul id="sug">'."\n"; 
    		
    		foreach ($suggestions[1] as $index => $s) { 
    			if ($index % 2) { $cssclass = 'bgdark'; } else { $cssclass = 'bglight'; } 
    			echo "\t\t".'<li class="'.$cssclass.'">' . $s . '</li>'."\n"; 
    		} 
    		
    		echo "\t".'</ul>'."\n"; 
    	} 
    
    }
    
    
    // ---------------------------------------------------------- 
    
    
    $query_str = $_GET['q'];
    
    echo Suggestions::return_list($query_str);
    
    
    // ---------------------------------------------------------- 
    ?>



    bei Klick auf <li> Elemente von
    <ul id="test">
    klappt es

    aber bei Klick auf <li> Elemente von
    <ul id="sug">
    klappt es nicht ... ?!? ... ???

    Wie bekomme ich es hin, das es mit diesen "dynamisch" erstellten <li> Elementen funktioniert ??

    Wenn man auf ein <li> Element aus der <ul id="sug"> Liste klickt,
    dann soll der vorgeschlagene Suchbegriff in das Formular <input> Feld übernommen werden.

Login zum Webhosting ohne Werbung!