Suchen
Inside Forum
Nützliche Links
phpforum.de Tipp
 
phpforum.de bei Facebook
 
phpforum.de bei Twitter
 

Zurück   PHP Forum: phpforum.de > andere (Programmier-)Sprachen > JavaScript

JavaScript Alles rund um JavaScript, Ajax und die diversen JS-Frameworks.

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 28.01.2008, 15:34
handyaner handyaner ist offline
Engagierter Besucher
 
Registriert seit: 18.08.2004
Beiträge: 304
Standard ajax livesuche

hallo

ich wollte eine livesuche bzw ein autocomplete suchformular basteln.

dazu habe ich folgendes tutorial genommen
http://nodstrum.com/2007/09/19/autocompleter/

das einzigste was ich mal geändert habe, sind die daten zu der datenbank.

aber wenn ich etzt ein wort eingebe verschwindet einfach das suchfeld und das wars.

die werbung wird vom hoster zwangseingeblendet

leider habe ich keine ahnung weshalb das so ist?
hier noch die phpinfo


Code:
<?php
    $db = new mysqli('xxx', 'xxx' ,'xxx', 'xxx');
   
    if(!$db) {
        echo 'ERROR: Could not connect to the database.';
    } else {
        if(isset($_POST['queryString'])) {
            $queryString = $db->real_escape_string($_POST['queryString']);
            if(strlen($queryString) >0) {
                $query = $db->query("SELECT value FROM countries WHERE value LIKE '$queryString%' LIMIT 10");
                if($query) {
                    while ($result = $query ->fetch_object()) {
                         echo '<li onClick="fill(\''.$result->value.'\');">'.$result->value.'</li>';
                     }
                } else {
                    echo 'ERROR: There was a problem with the query.';
                }
            } else {
            }
        } else {
            echo 'There should be no direct access to this script!';
        }
    }
?>
_______________________________________

hier die index.htm seite

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Auto Suggest</title>

<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
<script type="text/javascript">
    function lookup(inputString) {
        if(inputString.length == 0) {
            // Hide the suggestion box.
            $('#suggestions').hide();
        } else {
            $.post("rpc.php", {queryString: ""+inputString+""}, function(data){
                if(data.length >0) {
                    $('#suggestions').show();
                    $('#autoSuggestionsList').html(data);
                }
            });
        }
    } // lookup
   
    function fill(thisValue) {
        $('#inputString').val(thisValue);
        setTimeout("$('#suggestions').hide();", 200);
    }
</script>

<style type="text/css">
    body {
        font-family: Helvetica;
        font-size: 11px;
        color: #000;
    }
   
    h3 {
        margin: 0px;
        padding: 0px;    
    }

    .suggestionsBox {
        position: relative;
        left: 30px;
        margin: 10px 0px 0px 0px;
        width: 200px;
        background-color: #212427;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border: 2px solid #000;    
        color: #fff;
    }
   
    .suggestionList {
        margin: 0px;
        padding: 0px;
    }
   
    .suggestionList li {
       
        margin: 0px 0px 3px 0px;
        padding: 3px;
        cursor: pointer;
    }
   
    .suggestionList li:hover {
        background-color: #659CD8;
    }
</style>

</head>

<body>


    <div>
        <form>
            <div>
                Type your county:
                <br />
                <input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
            </div>
           
            <div class="suggestionsBox" id="suggestions" style="display: none;">
                <img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
                <div class="suggestionList" id="autoSuggestionsList">
                    &nbsp;
                </div>
            </div>
        </form>
    </div>

</body>
</html>
< Beitrag editiert am 28.01.2008 um 15:07 Uhr >

Geändert von Foggy (28.01.2008 um 17:08 Uhr) Grund: Links entfernt, da Pornografischer Inhalt
Mit Zitat antworten
  #2  
Alt 28.01.2008, 17:05
Foggy Foggy ist offline
Forum-Mitarbeiter
 
Registriert seit: 10.01.2004
Ort: Schweiz
Beiträge: 10.640
Foggy eine Nachricht über Skype™ schicken
Standard AW: ajax livesuche

Evtl solltest du dir mal einen Debugger für JS installieren:
Zitat:
uncaught exception: Die Erlaubnis für den Aufruf der Methode Location.toString wurde verweigert
[IMG]chrome://firebug/content/blank.gif[/IMG]undefined

uncaught exception: Die Erlaubnis für den Aufruf der Methode Location.toString wurde verweigert
[IMG]chrome://firebug/content/blank.gif[/IMG]undefined

[IMG]chrome://firebug/content/blank.gif[/IMG]POST (156ms)jquery-1.2.1.pack... (line 11)

[IMG]chrome://firebug/content/blank.gif[/IMG]POST (47ms)jquery-1.2.1.pack... (line 11)

document.body has no properties
[IMG]chrome://firebug/content/blank.gif[/IMG]document.body.onunload=top.frames[0].location.href=p;
js2.php (line 3)
uncaught exception: Die Erlaubnis für den Aufruf der Methode Location.toString wurde verweigert
__________________
PHP Quellcode:
define('true', false);

Geändert von Foggy (28.01.2008 um 17:08 Uhr)
Mit Zitat antworten
  #3  
Alt 28.01.2008, 17:07
Foggy Foggy ist offline
Forum-Mitarbeiter
 
Registriert seit: 10.01.2004
Ort: Schweiz
Beiträge: 10.640
Foggy eine Nachricht über Skype™ schicken
Standard AW: ajax livesuche

Und die saudämliche Pornowerbung könnest du wenigstens fürs Forum entfernen.
Bis dahin nehm ich einfach mal den Link aus deinem Beitrag...
__________________
PHP Quellcode:
define('true', false);
Mit Zitat antworten
  #4  
Alt 28.01.2008, 19:40
handyaner handyaner ist offline
Engagierter Besucher
 
Registriert seit: 18.08.2004
Beiträge: 304
Standard AW: ajax livesuche

meine fre...e

für die werbung kann ich nichts. die blendet der hoster isuisse.com ein, ohne was dagegen tun zu können. das habe ich aber oben schon geschrieben

wenn der fehler
uncaught exception: Die Erlaubnis für den Aufruf der Methode Location.toString wurde verweigert
[IMG]chrome://firebug/content/blank.gif[/IMG]undefined
angezeigt wird, leigt es daran, das der hoster diese befehle verweigert?

Geändert von handyaner (28.01.2008 um 19:45 Uhr)
Mit Zitat antworten
  #5  
Alt 28.01.2008, 22:47
Foggy Foggy ist offline
Forum-Mitarbeiter
 
Registriert seit: 10.01.2004
Ort: Schweiz
Beiträge: 10.640
Foggy eine Nachricht über Skype™ schicken
Standard AW: ajax livesuche

nein das ist JavaScript und hat mit dem Hoster mal gar nichts gemeinsam.
Die kamen bei mir im Firebug beim Ausführen deines Scriptes. Google mit "Firebug download" füttern, vorausgesetzt du hast Firefox...

Und sorry wegen dem Löschen der Links aber hier laufen Minderjährige rum und sowas muss ja nicht zwingend sein. Auch wenn du keinen Einfluss auf die Werbung hast, ist doch erotischer Inhalt dahinter und tja, so ist es halt hier...
__________________
PHP Quellcode:
define('true', false);
Mit Zitat antworten


Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.

Gehe zu
Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
AJAX und php florio JavaScript 2 26.09.2007 10:42
AJAX request jlindenbaum JavaScript 12 18.07.2007 00:40
AJAX Return ÄÜÖ FNC JavaScript 1 14.06.2007 20:55
Ajax fuckregistrierung PHP 3 30.06.2006 14:21
ajax hamid JavaScript 6 16.05.2006 21:29


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:38 Uhr.


Powered by vBulletin® Version 3.8.8 (Deutsch)
Copyright ©2000 - 2016, Jelsoft Enterprises Ltd.
Powered by NuWiki v1.3 RC1 Copyright ©2006-2007, NuHit, LLC