Tweet
Hallo und wieder ein Hindernis
Mir scheint ich hab das was vergessen, kann es aber nciht finden.
Seite mit mehreren UI Tabs. In jedem Tab die gleiche Ausgabe (natürlich anderer Inhalt). Ausgabe erfolgt in einer geteilten Tabelle. In jeder Tabellenreihe gibt es eine Selectbox. Wird jetzt ein Change Event ausgelöst soll ein Ajax Request gestartet und damit die Datenbank aktualisiert werden. Weiter soll überwacht werden, dass kein NULL value aus der Selectbox übergeben wird, deshalb (validate.....)
im Code lasse ich mir zwei Alert anzeigen.
1. Objekt = zu prüfendes Formular ( Werte richtig )
2. Meldung 'OK' wenn Prüfung erfolgt. erscheint nicht, also wird validate nicht ausgelöst.
meine Idee > ICH HABE WAS VERGESSEN
nur was_
Code:
$(document).ready(function(){
//Plugin Abteilungen kennzeichnen aufrufen
$(".startseite").abt_kennzeichnen();
/*************************************************************/
/******** UI Tabs **********/
/**************************************************************/
//Navigationstabs definieren.... dynamisch nach mysql ergebnis
$("#arbeit_tabs").tabs({
ajaxOptions: {
cache: false,
type:'POST',
contentType: "application/x-www-form-urlencoded;charset=utf-8",
success:zeigeErgebnis,
error: function( xhr, status, index, anchor ) {
$( anchor.hash ).html("Es konnten keine Daten unter der angegebenen Adresse gefunden werden.");
}
}
});
function zeigeErgebnis(responseText, statusText, xhr, $form)
{
var $tabs = $('#arbeit_tabs').tabs();
var idPrefix = $tabs.tabs('option', "idPrefix");
var selected = $tabs.tabs('option', "selected");
var aktiv_tab = "#"+idPrefix+selected;
var table = "#table_ab" + idPrefix+selected;
//Tabelle mit eindeutiger ID versehen
$("#table_ab").attr('id', 'table_ab'+idPrefix+selected);
//Tabelle mit fixiertem Header erstellen
$(table).tableScroll({height:650});
// CSS der ersten Spalte Arbeit JA / NEIN
$(table+' input[value="ja"]').parents('td').addClass("gruen");
$(table+' input[value="nein"]').parents('td').addClass("rot");
// CSS Zeilen unterschiedlich markieren
$("tbody").find("tr:even").addClass("even");
$("tbody").find("tr:odd").addClass("odd");
// Alle ausrücken lassen
$("#bu_alle_ausruecken").click(function(){
alert();
})
// Status festlegen
$('select').change (function(){
//var ID = $(this).parents('tr').attr('id');
weiterverarbeiten(this.id);
})
}//ENDE Function zeigeErgebnis
function weiterverarbeiten(selectedID)
{
//tabindex ermitteln
var $tabs = $('#tabs').tabs();
var idPrefix = $tabs.tabs('option', "idPrefix");
var selected = $tabs.tabs('option', "selected");
var aktiv_tab = "#"+idPrefix+selected;
//$(aktiv_tab).empty();
//gewählte ID ermitteln
//var selectedID = this.id;
// weitertverarbeitende datei
var url = 'arb_buchen.php';
// festellen ob button oder radionbutton
var namesep = selectedID.split("_");
// separierter name des inputs zur weiteren verarbeitung ( form, button, id bestimmung)
//var weiterleitung = (namesep.length == 1)? namesep[0] : namesep[1];
//elemente Selector bilden
var objauswahl = $("#"+selectedID);
var obj = $("#fo_"+selectedID);
alert(obj.serialize());
obj.validate({
submitHandler: function(form) { alert("test");
var options= {
url:url,
type:'POST',
datatype:'html',
target:aktiv_tab,
cache: false,
contentType: "application/x-www-form-urlencoded;charset=utf-8",
//beforeSubmit: zeigeRequest,
success: zeigeErgebnis
}
// bind form using 'ajaxForm'
$(form).ajaxForm(options);
alert("OK");
},
rules: {
grund_abw:"required"
}
});
}
}) // Ende Ready
</script>
HTML Code:
<body onLoad="window.moveTo(0,0);window.resizeTo(screen.availWidth,screen.availHeight);"> <div class="arbeiter" id="arbeit_tabs"> <ul> <li><span id="bereichwechsel">Arbeiterliste Haus <?php echo $datei_haus;?></span> </li> <li><a href="#arbtabs-1">Infoseite</a></li> <?php foreach($abteilungen as $abteilung){ echo "<li><form method=\"post\"><a href=\"arb_zeigen.php?abteilungID=".$abteilung['abteilungID']."\">".$abteilung['abteilung']."</a><input type=\"hidden\" name=\"abteilungID\" value=\"".$abteilung['abteilungID']."\"></form></li>\n"; } echo "<li><form method=\"post\"><a href=\"arb_zeigen.php?abteilungID=%\">Alle</a><input type=\"hidden\" name=\"abteilungID\" value=\"".$abteilung['abteilungID']."\"></form></li>\n"; ?> </ul> <div class="arbeitinhalt" id ="arbeit_inhalt"> <div id="arbtabs-1">Arbeitszeiten, Ausrückzeiten, Begleitung </div> </div> <span id="debug"></span> <span id="printr"></span> <input type="hidden" id="heute" name="heute" value="<?php echo date('d.m.Y');?>"> </div> <div id ="fusszeile"><?php echo $version;?><span id="zeitanzeige"></span></div> </body>
Seite mit mehreren UI Tabs. In jedem Tab die gleiche Ausgabe (natürlich anderer Inhalt). Ausgabe erfolgt in einer geteilten Tabelle. In jeder Tabellenreihe gibt es eine Selectbox. Wird jetzt ein Change Event ausgelöst soll ein Ajax Request gestartet und damit die Datenbank aktualisiert werden. Weiter soll überwacht werden, dass kein NULL value aus der Selectbox übergeben wird, deshalb (validate.....)
im Code lasse ich mir zwei Alert anzeigen.
1. Objekt = zu prüfendes Formular ( Werte richtig )
2. Meldung 'OK' wenn Prüfung erfolgt. erscheint nicht, also wird validate nicht ausgelöst.
meine Idee > ICH HABE WAS VERGESSEN
nur was_
Comment