Jquery UI Tabs und Inhalt aktualisieren

[A.DA]

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.

[A.DA]

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

[Christian Marquardt]

Na, es gab ja eine Lösung...DIE IDs!!!!!

[A.DA]

$(".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); 
    });

So sieht meine Lösung aus, sie funktioniert auch! Ist das so OK ?

[A.DA]

stolpere von einemProblem ins nächste..

in einem der og. Tabs habe ich folgende Situation:

<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&uuml;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&auml;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>

Also radiobutton, textarea, und button.

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:

$("#bu_kostform").click(function(){
                   eintragcheck('kostform');
                 });

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"
                }
		
		
	});                                           
     }

so erhalte ich meinen gewünschten Effect.
jedoch bei dem Radiobutton und Textarea habe ich ein Problem :

$("input[type='radio']").on('click',function() {
                  var selectedID = this.id;
                   alert(selectedID);
                  var selectedvalue = $(this).val();
                  alert(selectedvalue);
                    $("#bu_"+selectedID).submit();
                       eintragcheck(selectedID);
                        
             });

beim Buttonclick wird der alert() ausgelöst und er zeigt mir die entsprechende ID und im Zweiten den Value
sonst passiert nichts....
klicke ich den Button jetzt nochmal an: alert, alert, submit und funktion werden durchgeführt.
wo liegt hier mein Denkfehler?

[Christian Marquardt]

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-Events