Hallo alle,
ich braeuchte hilfe wie ich folgendes machen koennte:
Auf der Seite gibt es 2 Buttons, der eine ist ein Submit button fuer
eine suchanfrage (schon erfolgreich programmiert), der andere soll ein
submitbutton sein fuer eine spalten auswahl fuer die output tabelle von der
suchanfrage (spaltenauswahl und tabelle schon programmiert).
Mein problem ist, wenn ich den submit button fuer die spaltenauswahl
anklicke, wird ein neues formular gesendet was die eingabe der
suchanfrage ueberschreibt.
Das will ich natuerlich nicht, am ende sollte es moeglich sein zur
gegeben suchanfrage, dessen outputtabelle die spalten auszuwaehlen und
anzuzeigen.
Ich dachte ich koennte es mit javaskript umsetzten stehe aber dort gerade auf den Schlauch wie ich es mit events und funktionen umsetzten
koennte, da ich es mir gerade dafuer erst grob beigebracht hatte.
Wenn jemand mir helfen kann waere ich sehr dankbar, insbesondere das
problem mir die ganze Zeit die suche zu merken bringt mich gerade als
javaskript anfaenger noch in bedrohlie.
Dank im Voraus
Ich habe mal test weise die Spaltenauswahl ausgewaelt (sieht nur unschoen aus unten ist der javaskriptcode)
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<script>
function showText() {
/* Hier wird das DIV-Element ausgewählt mit der ID #dunkel */
var obj = document.querySelector("#dunkel");
/* Der derzeitige Zustand, bzw. Eigenschaft des DIV-Elements wird in eine Variable geschrieben */
var zustand = obj.style.display;
/* Hier wird abgefragt ob die das DIV-Element sichbar ist und entweder eingeblendet oder ausgeblendet. */
if(zustand == "none") {
obj.style.display = "block";
} else {
obj.style.display = "none";
}
}
</script>
</head>
<body>
<div id="dunkel" style="display: none;">
<!-- checkliste -->
<form action="test.php" method="post">
<h2>Spaltenauswahl</h2>
<p>Auswahl Spalten</p>
<input type="checkbox" name="cg" value="1" checked="checked"/>Alle<br/>
<input type="checkbox" name="cb" value="w343"/>Hauptbenutzer<br/>
<input type="checkbox" name="cs" value="ipn"/>iP-Adresse<br/>
<input type="checkbox" name="cf" value="Fdet"/>noch ne spalte<br/>
<input type="checkbox" name="ch" value="ich bin der Wert der spalte"/>ne andere<br/>
<input type="submit" value="Senden"/>
<input type="reset" value="Löschenauswahl"/>
</form>
<!-- checkliste ende -->
</div>
<input type="button" value="Spaltenauswahl" onclick="showText()">
</body>
</html>
<form name="suche" action="test.php" method="POST">
<p> Suche Client-DB</p>
<input class="input" type="text" name="suche_client">
<input class="button" type="submit" name="submit" value="Suche">
</form>
<br />
<form id='myform' action='test.php' method='GET'>
<input type='submit' id='btn1' value='Normal Submit'>
<input type='button' id='btn2' value='New Window'>
</form>
<?php
echo "<p>Sie haben folgende Spalten angeklickt.</p>";
if (isset ($_POST["cg"])) echo "Alle<br/>";
if (isset ($_POST["cb"])) echo "Hauptbenutzer<br/>";
if (isset ($_POST["cs"])) echo "iP-Adresse<br/>";
if (isset ($_POST["cf"])) echo "noch ne spalte<br/>";
if (isset ($_POST["ch"])) {$spalte = $_POST["ch"]; echo $spalte; };
$suche_client = $_POST["suche_client"];
?>
Ich wollte jetzt mit
window.onload = function() {
document.getElementById('submit').onclick =
eine_funktion_die_spalten_submit_auswahl_merkt_und_die_eine_suche_submit_macht;
document.getElementById('btn1').onclick = eine_funktion_die_eine_suche_submit_macht_und_die_spalten_submit_auswahl_merkt;
ich braeuchte hilfe wie ich folgendes machen koennte:
Auf der Seite gibt es 2 Buttons, der eine ist ein Submit button fuer
eine suchanfrage (schon erfolgreich programmiert), der andere soll ein
submitbutton sein fuer eine spalten auswahl fuer die output tabelle von der
suchanfrage (spaltenauswahl und tabelle schon programmiert).
Mein problem ist, wenn ich den submit button fuer die spaltenauswahl
anklicke, wird ein neues formular gesendet was die eingabe der
suchanfrage ueberschreibt.
Das will ich natuerlich nicht, am ende sollte es moeglich sein zur
gegeben suchanfrage, dessen outputtabelle die spalten auszuwaehlen und
anzuzeigen.
Ich dachte ich koennte es mit javaskript umsetzten stehe aber dort gerade auf den Schlauch wie ich es mit events und funktionen umsetzten
koennte, da ich es mir gerade dafuer erst grob beigebracht hatte.
Wenn jemand mir helfen kann waere ich sehr dankbar, insbesondere das
problem mir die ganze Zeit die suche zu merken bringt mich gerade als
javaskript anfaenger noch in bedrohlie.
Dank im Voraus
Ich habe mal test weise die Spaltenauswahl ausgewaelt (sieht nur unschoen aus unten ist der javaskriptcode)
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<script>
function showText() {
/* Hier wird das DIV-Element ausgewählt mit der ID #dunkel */
var obj = document.querySelector("#dunkel");
/* Der derzeitige Zustand, bzw. Eigenschaft des DIV-Elements wird in eine Variable geschrieben */
var zustand = obj.style.display;
/* Hier wird abgefragt ob die das DIV-Element sichbar ist und entweder eingeblendet oder ausgeblendet. */
if(zustand == "none") {
obj.style.display = "block";
} else {
obj.style.display = "none";
}
}
</script>
</head>
<body>
<div id="dunkel" style="display: none;">
<!-- checkliste -->
<form action="test.php" method="post">
<h2>Spaltenauswahl</h2>
<p>Auswahl Spalten</p>
<input type="checkbox" name="cg" value="1" checked="checked"/>Alle<br/>
<input type="checkbox" name="cb" value="w343"/>Hauptbenutzer<br/>
<input type="checkbox" name="cs" value="ipn"/>iP-Adresse<br/>
<input type="checkbox" name="cf" value="Fdet"/>noch ne spalte<br/>
<input type="checkbox" name="ch" value="ich bin der Wert der spalte"/>ne andere<br/>
<input type="submit" value="Senden"/>
<input type="reset" value="Löschenauswahl"/>
</form>
<!-- checkliste ende -->
</div>
<input type="button" value="Spaltenauswahl" onclick="showText()">
</body>
</html>
<form name="suche" action="test.php" method="POST">
<p> Suche Client-DB</p>
<input class="input" type="text" name="suche_client">
<input class="button" type="submit" name="submit" value="Suche">
</form>
<br />
<form id='myform' action='test.php' method='GET'>
<input type='submit' id='btn1' value='Normal Submit'>
<input type='button' id='btn2' value='New Window'>
</form>
<?php
echo "<p>Sie haben folgende Spalten angeklickt.</p>";
if (isset ($_POST["cg"])) echo "Alle<br/>";
if (isset ($_POST["cb"])) echo "Hauptbenutzer<br/>";
if (isset ($_POST["cs"])) echo "iP-Adresse<br/>";
if (isset ($_POST["cf"])) echo "noch ne spalte<br/>";
if (isset ($_POST["ch"])) {$spalte = $_POST["ch"]; echo $spalte; };
$suche_client = $_POST["suche_client"];
?>
Ich wollte jetzt mit
window.onload = function() {
document.getElementById('submit').onclick =
eine_funktion_die_spalten_submit_auswahl_merkt_und_die_eine_suche_submit_macht;
document.getElementById('btn1').onclick = eine_funktion_die_eine_suche_submit_macht_und_die_spalten_submit_auswahl_merkt;
