JS blockiert anderes JS

kanada

Mitglied
Nutze 2 kleine javascripte auf einer Seite, eines um über ajax Daten aus mysql zu laden und ein anderes um eine Option ein/aus zublenden. Doch behindern sich beide scripte etwas und mir fällt nicht auf wieso.

Ersterer funktioniert immer:
Code:
<script type="text/javascript">
                function showUser(str)
                {
                    if (str=="")
                    {
                        document.getElementById("txtHint").innerHTML="";
                        return;
                    }
                    if (window.XMLHttpRequest)
                    {
                        xmlhttp=new XMLHttpRequest();
                    }
                    else
                    {
                        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    xmlhttp.onreadystatechange=function()
                    {
                        if (this.readyState==4 && this.status==200)
                        {
                            document.getElementById("txtHint").innerHTML=this.responseText;
                        }
                    }
                    var str = document.getElementById("users").value;
                    xmlhttp.open("GET","getuser.php?q="+str,true);
                    xmlhttp.send();
                }
            </script>

HTML:
<form class="" method="post">
    <div id="txtHint"></div>
    <button class="btn btn-primary margin-bottom-5 btn-fulsize" type="submit" name="btn_cylinder_new"><strong>anlegen</strong></button>                         
</form>

getuser.php
PHP:
<?php
$q = intval($_GET['q']);

$con = mysqli_connect('localhost', 'root', '', 'walzenliste');
if (!$con) {
    die('Could not connect: ' . mysqli_error($con));
}

mysqli_select_db($con,"ajax_demo");
$sql="SELECT * FROM db_walzenliste WHERE id = '".$q."'";
$result = mysqli_query($con,$sql);

while($row = mysqli_fetch_array($result)) {
echo ...
}
mysqli_close($con);
?>

Der zweite aber nur wenn ersterer auskommentiert ist oder gelöscht wird:
Code:
<script type="text/javascript">
                $(document).ready(function()
                {
                    $('#2up').on('change', function()
                    {
                        if ( this.value == '2up')
                        {
                            $('#business').show();
                        }
                        else
                        {
                            $('#business').hide();
                        }
                    });
                });
            </script>

HTML:
<button class="btn btn-primary margin-bottom-5" type="submit" name="btn_infobox" onclick="toggleElementDisplay('info-box');">einblenden</button>
<form>
    <div id="info-box" style="display: none;">
        <div style='display:none;' id='business'>
            <cite title="2up Motiv"><a href="" class="fa-copy" alt="2up Motiv"></a></cite>
        </div>
    </div>
</form>

Ich vermute es ist was ganz lapidares aber komme den ganzen Tag schon nicht drauf bzw. sehe es nicht. Schon mal Danke für die Hilfe!
 
Zuletzt bearbeitet:
Zwei Fragen stellen sich mir:
  1. Ist das wirklich alles von dem ersten Skript? Dort wird nur eine Funktion definiert, diese muss doch auch irgend wo aufgerufen werden.
  2. Gibt es einen Zusammenhang zwischen den Skripts in der Form dass die Elemente, die im zweiten angesprochen werden, im HTML liegen, das durch das erste verändert wird?
 
Wo bindest Du die Scripte ein?
Am Anfang der Seite oder am Ende der Seite?

Also im Head oder vor dem HTML-End-Tag?

Hast Du mal Debugging gemacht und schritt für Schritt geschaut wo er den hängt, oder wo er es nicht macht?

Zeig mal bitte deinen ganzen Quellcode.
Wir wissen anhand deiner Kurz-Codes nicht wo Du sie einbindest oder wo Du die Funktion aufrufst :)
 

Neue Beiträge

Zurück