die oder der Button funktioniert ja.... im aktiven Tab! Ich kann ihn auch mehrfach anklicken und die gewünschte Aktion wird ausgeführt. Auch wenn ich über die Klick Events der Tabelle darunter Inhalte ändere (AJAX) und der Tab-DIV-Inhalt ausgetauscht wird funktioniert dieser blöde Button. Nehme ich den nächsten Tabreiter aufwärts funktioniert der Button nicht, kehre ich zurück zu einem davorliegenden funktioniert er auch. Nehme ich den ersten Tabreiter und benutze den Button klappt es, jedoch sind alle anderen tabs bzw. deren button tot.
Announcement
Collapse
No announcement yet.
Jquery UI Tabs und Inhalt aktualisieren
Collapse
This topic is closed.
X
X
-
SHIT.... die ID ich hatte die falsche Schlussfolgerung.....
die Button werden immer aus der gleichen Quelldatei erzeugt. Also haben sie ja alle die gleiche ID, liegen in verschiedenen DIV, ABER.....auf der gleichen Seite mmmpf....
Sorry..... zu spät erkannt
Comment
-
Code:$(".tabellenkopf_stat_re button").click( function(){ // Aktiven Tab ermitteln var $tabs = $('#tabs').tabs(); var idPrefix = $tabs.tabs('option', "idPrefix"); var selected = $tabs.tabs('option', "selected"); var aktiv_tab = "#"+idPrefix+selected; // aus aktivem Tab das gewünschte Formular var aktiv = aktiv_tab + " #abteilungID"; var aktiv_abtID = $(aktiv).serialize(); // ID wird verwendet um Dateinamen zu setzen // Datei muss gleich dem Button benannt werden. // Alle Button ID werden mit folgendem Schema benannt: // bu_xxxxxx_druck; bu_xxxxxxx_zeigen usw. var datei = this.id; // Druckauftrag wird eingeleitet window.open('Druck/'+datei+'.php?'+aktiv_abtID); });
Comment
-
stolpere von einemProblem ins nächste..
in einem der og. Tabs habe ich folgende Situation:
PHP Code:<div id="tabseinzel-1" >
<!--Kostformen-->
<div id="tabkost">
<span><label><u>Kostform</u></label></span>
<form method="post" id="fo_kostform" >
<?php
echo "<input name=\"buch\" type=\"hidden\" value= \"".$_POST['buch']."\">\n";
echo "<input name=\"abteilungID\" type=\"hidden\" value=\"".$_POST['abteilungID']."\">\n";
echo "<input name=\"raumID\" type=\"hidden\" value=\"".$_POST['raumID']."\">\n ";
echo "<input type=\"hidden\" name=\"angaben\" id=\"kostbuchen\" value=\"kost_buchen\">\n";
echo "<input type=\"hidden\" name=\"bel_status\" id=\"bel_status\" value=\"belegt\">";
foreach($kostformen as $kost)
{
$kostf = ($kost['kostID'] == NULL)? 'kost1':$kost['kostID'] ;
$select = ($kostf == $gef_daten[0]['kostID'])?'checked':false;
echo "<label><input type=\"radio\" id=\"kostform\" name=\"kostform\" value=\"".$kost['kostID']."\" ".$select." >".$kost['kostform']."</label><br/>\n";
$select = false;
}
echo "<strong>Bemerkung </strong><br>";
echo "<textarea cols=\"15\" rows=\"4\" name=\"kostformzusatz\">".$gef_daten[0]['kostformzusatz']."</textarea><br/>\n ";
echo "<strong>Kühlfachnummer </strong><br>";
echo "<textarea cols=\"15\" rows=\"4\" name=\"kf\">".$gef_daten[0]['kf']."</textarea><br/>\n ";
echo "<p><label style=\"display:none;\"for=\"kostform\" class=\"error\">Bitte eine Kostform <br>auswählen!</label></p>";
echo " <button class=\"ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all\" id=\"bu_kostform\">
<span class=\"ui-button-text\">Kostform buchen</span>
</button>";
echo"</form>\n";
?>
</div>
ich möchte mit einem klick des Radiobutton, Änderung der Eintragung in dem Textarea oder Buttonklick, ein event auslösen, dass mir einen Datenbankeintrag mit dem veränderten Wert ausführt.
beim buttonklick funktioniert das, aber bei den anderen Elementen nicht.
Buttonklick:
Code:$("#bu_kostform").click(function(){ eintragcheck('kostform'); });
Code:function eintragcheck(status){..... if(status == 'kostform'){ $("#fo_kostform").validate({ submitHandler: function(form) { var options= { url:'buchen.php', type:'POST', datatype:'html', contentType: "application/x-www-form-urlencoded;charset=utf-8", target:aktiv_tab, cache: false, success: zeigeErgebnis, beforeSubmit: zeigeRequest } $(form).ajaxSubmit(options); }, rules: { buch: "required", raumID:"required", abteilungID:"required", kostform:"required" } }); }
jedoch bei dem Radiobutton und Textarea habe ich ein Problem :
Code:$("input[type='radio']").on('click',function() { var selectedID = this.id; alert(selectedID); var selectedvalue = $(this).val(); alert(selectedvalue); $("#bu_"+selectedID).submit(); eintragcheck(selectedID); });
sonst passiert nichts....
klicke ich den Button jetzt nochmal an: alert, alert, submit und funktion werden durchgeführt.
wo liegt hier mein Denkfehler?
Comment
-
Dieses Forum hat die seltene Eigenschaft, keinen Thread für jeden Anwender zu haben, sondern einzelne Fragen zu beantworten -> neues Thema eröffnet http://entwickler-forum.de/showthrea...jax-und-EventsChristian
Comment
Comment