Senden und Abbrechen Button mit Statusmeldung verschwinden lassen?

M

MisterMi

Erfahrenes Mitglied
Hallo,

ich hoffe mir kann vielleicht jemand bei einem Problem helfen.

Ich habe eine Funktion die mit 2 Buttons endet. Speichern und Verwerfen. Leider kommt aber natürlich keine Statusmeldung oder irgendeine Reaktion, so dass man gar nicht weiß ob irgendwas getan wurde.

Code: 
<form id="submissionForm" name="submissionForm" method="post" action="">
                <div id="Strategie">
                    <ul>
                        <li>
                            Spielstrategie:
                        </li>
                        <?php foreach($gameStrategies as $idx => $item): ?>
                        <li>
                            <input id="rbStrategy<?php echo $idx; ?>" type="radio" name="gameStrategy" value="<?php echo $item; ?>" />
                            <label for="rbStrategy<?php echo $idx; ?>"><?php echo $item; ?></label>
                        </li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <div id="insertDropContainer">
                    <!-- drop-container is inserted here !.. -->
                </div>
                <p align="center">
                    <input type="submit" name="submit" value="Speichern" />
                    <input type="button" name="erase" id="eraseBtn" value="Verwerfen" />
                </p>
            </form>

Nun würde ich gern "Speichern" & "Verwerfen" ausblenden und an ihre Stelle dann die
Statusmeldung, entweder: "Ihre Änderungen wurden erfolgreich
gespeichert." oder: "Ihre Änderungen konnten nicht gespeichert werden.". anzeigen lassen.
Dazu soll es einen weiteren Button geben, beim desen Klick der Meldungsbereich ausgeblendet
und dafür die "Speichern"/"Verwerfen"-Schaltflächen wieder eingeblendet werden.

Wie kann ich das umsetzen?

Vielen Dank
 
Hi

Deine Buttons tun überhupt nichts.
Vielleicht sollte man erst mal das beheben, bevor man mehr einbaut.

Für das Verwerfen gibts, so wie submit, ein reset. Kein normaler Button.
Damit submit noch geht brauchst du ein action im form (kein leeres)
und eine entsprechende PHP-Verarbeitung dahinter.

Zum Ausblenden:
Weiterer Text und Button in einem display:none - Ding dazu.
onclick auf die Buttons, die jeweils das eine normal und das andere unsichtbar schalten.
 
Sorry aber das war nur ein Auszug... Wollte nicht mit zuviel Code verwirren... aber bitte :

PHP: 
...

// provide set of available game-strategies
$gameStrategies = array('4-4-2', '4-3-3', '3-4-3', '3-5-2', '5-3-2', '5-4-1', '4-5-1');

?>
<html lang="de-DE">
<head>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="kader.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    // init
    setConfig('<?php echo $_SESSION['user'] ?>',parseInt(<?php echo $_SESSION['team'] ?>));
    // load data
    loadPlayers();
    // load team
    loadTeam();
});
</script>
</head>
<body>
<!-- begin: team-editor -->
<table id="formLayout">
    <tr>
        <td>
            <!-- begin: list of players -->
            <table id="players">
                <thead>
                    <tr>
                        <th colspan="6">
                            <form id="positionFilterForm" name="positionFilterForm" method="post" onsubmit="return false;" action="">
                                <input type="checkbox" name="filterPositionToggleAll" value="all" id="cbFilterPositionAll" checked="checked" />
                                <label for="cbFilterPositionAll">Alle</label>
                                <input type="checkbox" name="position[]" value="Tor" id="cbFilterPositionKep" checked="checked" />
                                <label for="cbFilterPositionKep">Tor</label>
                                <input type="checkbox" name="position[]" value="Abwehr" id="cbFilterPositionDef" checked="checked" />
                                <label for="cbFilterPositionDef">Abwehr</label>
                                <input type="checkbox" name="position[]" value="Mittelfeld" id="cbFilterPositionMid" checked="checked" />
                                <label for="cbFilterPositionMid">Mittelfeld</label>
                                <input type="checkbox" name="position[]" value="Sturm" id="cbFilterPositionAtt" checked="checked" />
                                <label for="cbFilterPositionAtt">Sturm</label>
                            </form>
                        </th>
                    </tr>
                    <tr>
                        <th class="c0">NAME</th>
                        <th class="c1 ctr">PUNKTE</th>
                        <th class="c2 ctr">WERT</th>
                        <th class="c3 ctr">POS</th>
                        <th class="c4 ctr">VEREIN</th>
                        <th class="c5 rgt">+</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td colspan="6">
                            <ul id="playerlist">
                                <!-- players are inserted here! -->
                            </ul>
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td class="ctr" colspan="6">
                            <a id="pgPrev" href="javascript:;">&lt;&lt;</a>
                            &nbsp;&nbsp;&nbsp;
                            Seite <span id="pgCurrent">N</span> von <span id="pgTotal">M</span>
                            &nbsp;&nbsp;&nbsp;
                            <a id="pgNext" href="javascript:;">&gt;&gt;</a>
                            <form id="paginatorForm" name="paginatorForm" method="post" onsubmit="return false;" action="">
                                <input type="hidden" name="pgPrevOfs" id="pgPrevOfs" value="0" />
                                <input type="hidden" name="pgNextOfs" id="pgNextOfs" value="25" />
                                <input type="hidden" name="pgOfs" id="pgOfs" value="0" />
                            </form>
                        </td>
                    </tr>
                </tfoot>
            </table>
            <!-- end: list of players -->
        </td>
        <td>
            <!-- begin: selected team -->
            <form id="submissionForm" name="submissionForm" method="post" action="">
                <div id="Strategie">
                    <ul>
                        <li>
                            Spielstrategie:
                        </li>
                        <?php foreach($gameStrategies as $idx => $item): ?>
                        <li>
                            <input id="rbStrategy<?php echo $idx; ?>" type="radio" name="gameStrategy" value="<?php echo $item; ?>" />
                            <label for="rbStrategy<?php echo $idx; ?>"><?php echo $item; ?></label>
                        </li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <div id="insertDropContainer">
                    <!-- drop-container is inserted here !.. -->
                </div>
                <p align="center">
                    <input type="submit" name="submit" value="Speichern" />
                    <input type="button" name="erase" id="eraseBtn" value="Verwerfen" />
                </p>
            </form>
            <!-- end: selected team -->
        </td>
    </tr>
</table>
<!-- end: team-editor -->
</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück