Hi an alle in diesem tollen Forum!
Ich habe mir aus dem Coderwiki dieses Tutorial angeschaut und versucht anzuwenden. Jedoch brauche ich das ganze für 3 DIV-Tags die alle von der Auswahl aus dem einem Dropdown abhängig sind!
Mein Ansatz dafür war dieser:
Alles anzeigen
Dazu die szenarioname.js:
Alles anzeigen
Die dazugehörige szenarioname.php:
Und genau da scheitert es, die tester.js/php funktioniert ohne Probleme:
Alles anzeigen
Nur bei den anderen beiden gehts nicht. Jemand ne Idee warum? Danke schon mal für eure Hilfe!
Ich habe mir aus dem Coderwiki dieses Tutorial angeschaut und versucht anzuwenden. Jedoch brauche ich das ganze für 3 DIV-Tags die alle von der Auswahl aus dem einem Dropdown abhängig sind!
Mein Ansatz dafür war dieser:
Quellcode
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <html>
- <head>
- <title>WebInterface manueller Test</title>
- <script src="js/tabelle.js" type="text/javascript">
- </script>
- <script src="js/tester.js" type="text/javascript">
- </script>
- <script src="js/szenarioname.js" type="text/javascript">
- </script>
- <script src="js/mandant.js" type="text/javascript">
- </script>
- <link rel="stylesheet" type="text/css" href="css/format.css">
- <style type="text/css">
- </style>
- </head>
- <body>
- <div>
- <table cellspacing="40" cellpadding="2">
- <tr valign="top">
- <td colspan="6">
- <h1>WebInterface manueller Test</h1>
- </td>
- </tr>
- <tr valign="top">
- <td class="1">Szenario ID:</td>
- <td>
- <form name="form" method="post" action="dbinsert.php">
- <select id="dropdown" name="SID" onChange="szenarioname(); tester(); mandant()">
- <?php
- include 'dbconnect.php'; // Hier die Verbindung zur Datenbank herstellen
- $result = mysql_query("SELECT ID,SzenarioID FROM `testf`; ");
- while($row = mysql_fetch_object($result))
- {
- echo '<option value="'.$row->ID.'">'.$row->SzenarioID.'</option>';
- }
- ?>
- </select>
- </td>
- <td>
- <div id="szenarioname" name="sname">Szenarioname</div>
- </td>
- <td><input name="tfid" value="Testfall ID">
- </td>
- <td>
- <div id="tester" name="tester">Tester</div>
- </td>
- <td>
- <div id="mandant" name="mandant">Mandant</div>
- </td>
- </tr>
- </table>
- </form>
- </div>
- </body>
- </html>
Dazu die szenarioname.js:
Quellcode
- function szenarioname() {
- var req;
- try {
- req = window.XMLHttpRequest?new XMLHttpRequest():
- new ActiveXObject("Microsoft.XMLHTTP");
- } catch (e) {
- //Kein AJAX Support
- }
- req.onreadystatechange = function() {
- if ((req.readyState == 4) && (req.status == 200)) {
- document.getElementById('szenarioname').innerHTML = req.responseText;
- }
- };
- var id = document.getElementById('dropdown').value;
- req.open('post', 'szenarioname.php');
- req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
- req.send('s='+ id);
- }
Die dazugehörige szenarioname.php:
Und genau da scheitert es, die tester.js/php funktioniert ohne Probleme:
Quellcode
- function tester() {
- var req;
- try {
- req = window.XMLHttpRequest?new XMLHttpRequest():
- new ActiveXObject("Microsoft.XMLHTTP");
- } catch (e) {
- //Kein AJAX Support
- }
- req.onreadystatechange = function() {
- if ((req.readyState == 4) && (req.status == 200)) {
- document.getElementById('tester').innerHTML = req.responseText;
- }
- };
- var id = document.getElementById('dropdown').value;
- req.open('post', 'tester.php');
- req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
- req.send('s='+ id);
- }
Nur bei den anderen beiden gehts nicht. Jemand ne Idee warum? Danke schon mal für eure Hilfe!