jQuery - Div nach Session geöffnet lassen

Shax · 01.12.2011, 10:52

Hallo,

ich habe zurzeit ein Problem meinen Div Container offen zulassen.
Ich habe mehrere Checkboxen bzw Radiobuttons die ich optional ein und ausblenden kann mit jQuery.

Mein Problem ist jetzt folgendes:
Der User kann diese Felder einzeln öffnen und schließen und ein neuer Div mit Input Feldern öffnet sich. Das funktioniert auch ohne Probleme.

Zum Beispiel bei einer Optionalen Adresse gibt es eine Checkbox mit Ja dass dann ein Div mit Input Feldern öffnet (Adresse, Wohnort etc.)

Das Problem ist aber jetzt folgendes, nachdem der User das optionale Feld angeklickt hat und er auf weiter klickt wird der Wert in der Session mitgegeben das der Input auf checked ist.

Wenn der User aber wieder zurück geht, bleibt das Input Feld zwar checked aber der Div bleibt versteckt, erst wenn er wieder auf den Button klickt öffnet sich der Div, das Input Feld wird aber unchecked.

Code

PHP-Code:

                  jQuery.fn.log = function(msg) {
                    console.log("%s: %o", msg, this);
                    return this;
                };

                $('.removeall').click(function() {
                    var remove = '';
                    $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked);
                    $(this).parents('fieldset:eq(0)').find(':text').attr('value', remove);
                });

                $(".chzn-select").chosen();

                $(".list").css("display", "none");
                $('.checkboxes').on('change', function() {
                    //Variable
                    var $kids = $(this).parents().next('.list');
                    var $this = $(this);
                    var showOrHide = ($(this).val() == 1) ? true : false;

                    //IF Bedinungen
                    if($(this).is(':radio')) {
                        $($kids).slideToggle(showOrHide);
                    }
                    
                    else {
                        $this.toggleClass('slideoption').prev().prop('disabled', $this.hasClass('slideoption'));
                    }
                    
                    //Slide UP - Slide Down
                    if($(this).hasClass('slideoption')) {
                        $($kids).slideDown("fast");
                        //Slide Down Effect
                    }
                    else {
                        $($kids).slideUp("fast");
                        //Slide Up Effect
                    }

                });
                
                if ($('.checkboxes').attr('checked') == true) {
                    $(".list").css("display", "block");    
    $(this).click(function() {
        $this.removeClass('slideoption').log("source")    .prev().prop('disabled', $this.hasClass('slideoption'));
        
    });
}

Markup

PHP-Code:

 
                    <fieldset class="bestellformular form-fieldgroup">
                        <legend>

                            <input class="checkboxes removeall" id="abweichendcheckbox" type="checkbox" name="abweichendcheckbox" value="ja" <?PHP echo $selectabweichendcheckbox;?> />
                            <label for="abweichendcheckbox">Abweichende Anschrift</label>
                        </legend>
                        <div id="abweichendeeinblendung" class="list order-element">
                            <div class="order-element order-element-txt optionsportierung-dialnr">
                                <!-- Eingabefeld "Abweichende Strasse" -->
                                <label for="abweichendstrasse">Stra&szlig;e *</label>
                                <input id="abweichendstrasse" type="text" name="abweichendstrasse" value="<?PHP echo $_SESSION['abweichendstrasse'];?>" />
                            </div>
                            <div class="order-element order-element-txt">
                                <!-- Eingabefeld "Abweichende Hausnummer" -->
                                                                <label for="abweichendhausnummer">Hausnummer *</label>
                                <input id="abweichendhausnummer" type="text" name="abweichendhausnummer" value="<?PHP echo $_SESSION['abweichendhausnummer'];?>" maxlength="32" />
                            </div>
                            <div class="order-element order-element-txt optionsportierung-dialnr">
                                <!-- Eingabefeld "Abweichende Postleitzahl" -->
                                                                 <label for="abweichendplz">PLZ *</label>
                                <input id="abweichendplz" type="text" name="abweichendplz" value="<?PHP echo $_SESSION['abweichendplz'];?>" maxlength="5" />
                            </div>
                            <div class="order-element order-element-txt">
                                <!-- Eingabefeld "Abweichender Wohnort" -->
                                                                <label for="abweichendwohnort">Ort *</label>
                                <input id="abweichendwohnort" type="text" name="abweichendwohnort" value="<?PHP echo $_SESSION['abweichendwohnort'];?>" maxlength="32"/>
                            </div>

                        </div>
                    </fieldset>

fab · 01.12.2011, 10:57

Ist doch klar, du überprüfst beim Laden der Seite nicht, welchen Wert die Checkbox hat. Den change-Handler der Checkboxen solltest du auch beim Laden der Seite ausführen (domready-Event).

Shax · 01.12.2011, 11:01

Du meinst

PHP-Code:

  $(document).ready(function() {

            jQuery.fn.log = function(msg) {
                    console.log("%s: %o", msg, this);
                    return this;
                };

                $('.removeall').click(function() {
                    var remove = '';
                    $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked);
                    $(this).parents('fieldset:eq(0)').find(':text').attr('value', remove);
                });

                $(".chzn-select").chosen();

                $(".list").css("display", "none");
                $('.checkboxes').on('change', function() {
                    //Variable
                    var $kids = $(this).parents().next('.list');
                    var $this = $(this);
                    var showOrHide = ($(this).val() == 1) ? true : false;

                    //IF Bedinungen
                    if($(this).is(':radio')) {
                        $($kids).slideToggle(showOrHide);
                    }
                    
                    else {
                        $this.toggleClass('slideoption').prev().prop('disabled', $this.hasClass('slideoption'));
                    }
                    
                    //Slide UP - Slide Down
                    if($(this).hasClass('slideoption')) {
                        $($kids).slideDown("fast");
                        //Slide Down Effect
                    }
                    else {
                        $($kids).slideUp("fast");
                        //Slide Up Effect
                    }

                });
                
                if ($('.checkboxes').attr('checked') == true) {
                    $(".list").css("display", "block");    
    $(this).click(function() {
        $this.removeClass('slideoption').log("source")    .prev().prop('disabled', $this.hasClass('slideoption'));
        
    });
}
            });

den hat ich hier grad ausversehen vergessen gehabt mit zu kopieren. Der Code befindet sich in diesem

fab · 01.12.2011, 11:02

Das ist mir klar, du führst den Handler darin aber nicht aus sondern bindest ihn nur ans change Event.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Fragen zu Login und Session (geschützter Bereich)	ts.ts	PHP Einsteiger	12	14.10.2011 17:36
Session sicherheit mit IP Adresse???	Sven1987h	PHP Einsteiger	9	11.10.2011 11:37
Session GC und Timeout	nutcracker	PHP Einsteiger	1	24.01.2011 19:32
[Erledigt] $_SESSION frage	tomnar	PHP Tipps 2010	24	09.11.2010 19:37
session variable verschwindet bei erneutem seitenaufruf	david.a.p.	PHP Tipps 2009	2	17.08.2009 16:07
SessionHandler - Sessions in einer Datenbank	#Avedo	Software-Design	11	04.05.2009 15:44
[Erledigt] Problem mit der übergabe einer Session ID	Shinak	PHP Tipps 2009	12	13.03.2009 14:30
[Erledigt] Session Problem	karina_02	PHP Tipps 2008	6	18.05.2008 22:37
Problem bei session Lifetime	Cyberbob_at_tot	PHP Tipps 2007	5	05.06.2007 17:47
session nach seitenwechsel leer...	GELight	PHP Tipps 2006	8	17.09.2006 15:17
[Erledigt] php session problem :(		PHP Tipps 2005-2	5	21.10.2005 16:37
Session wird nicht angelegt		PHP Tipps 2005-2	7	24.07.2005 13:35
Kreieren einer Session		PHP Tipps 2005	11	28.05.2005 15:16
[Erledigt] Formulardaten in einer Session speichern, per Link übergeben		PHP Tipps 2004-2	2	29.12.2004 15:47
[Erledigt] Hilfe...PhpBB Session Problem!!		PHP Tipps 2004-2	2	15.12.2004 18:28

01.12.2011, 10:52
Shax Neuer Benutzer Registriert seit: 24.11.2011 Beiträge: 16 PHP-Kenntnisse: Anfänger	jQuery - Div nach Session geöffnet lassen Hallo, ich habe zurzeit ein Problem meinen Div Container offen zulassen. Ich habe mehrere Checkboxen bzw Radiobuttons die ich optional ein und ausblenden kann mit jQuery. Mein Problem ist jetzt folgendes: Der User kann diese Felder einzeln öffnen und schließen und ein neuer Div mit Input Feldern öffnet sich. Das funktioniert auch ohne Probleme. Zum Beispiel bei einer Optionalen Adresse gibt es eine Checkbox mit Ja dass dann ein Div mit Input Feldern öffnet (Adresse, Wohnort etc.) Das Problem ist aber jetzt folgendes, nachdem der User das optionale Feld angeklickt hat und er auf weiter klickt wird der Wert in der Session mitgegeben das der Input auf checked ist. Wenn der User aber wieder zurück geht, bleibt das Input Feld zwar checked aber der Div bleibt versteckt, erst wenn er wieder auf den Button klickt öffnet sich der Div, das Input Feld wird aber unchecked. Code PHP-Code: jQuery.fn.log = function(msg) { console.log("%s: %o", msg, this); return this; }; $('.removeall').click(function() { var remove = ''; $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked); $(this).parents('fieldset:eq(0)').find(':text').attr('value', remove); }); $(".chzn-select").chosen(); $(".list").css("display", "none"); $('.checkboxes').on('change', function() { //Variable var $kids = $(this).parents().next('.list'); var $this = $(this); var showOrHide = ($(this).val() == 1) ? true : false; //IF Bedinungen if($(this).is(':radio')) { $($kids).slideToggle(showOrHide); } else { $this.toggleClass('slideoption').prev().prop('disabled', $this.hasClass('slideoption')); } //Slide UP - Slide Down if($(this).hasClass('slideoption')) { $($kids).slideDown("fast"); //Slide Down Effect } else { $($kids).slideUp("fast"); //Slide Up Effect } }); if ($('.checkboxes').attr('checked') == true) { $(".list").css("display", "block"); $(this).click(function() { $this.removeClass('slideoption').log("source") .prev().prop('disabled', $this.hasClass('slideoption')); }); } Markup PHP-Code: <fieldset class="bestellformular form-fieldgroup"> <legend> <input class="checkboxes removeall" id="abweichendcheckbox" type="checkbox" name="abweichendcheckbox" value="ja" <?PHP echo $selectabweichendcheckbox;?> /> <label for="abweichendcheckbox">Abweichende Anschrift</label> </legend> <div id="abweichendeeinblendung" class="list order-element"> <div class="order-element order-element-txt optionsportierung-dialnr"> <!-- Eingabefeld "Abweichende Strasse" --> <label for="abweichendstrasse">Straße </label> <input id="abweichendstrasse" type="text" name="abweichendstrasse" value="<?PHP echo $_SESSION['abweichendstrasse'];?>" /> </div> <div class="order-element order-element-txt"> <!-- Eingabefeld "Abweichende Hausnummer" --> <label for="abweichendhausnummer">Hausnummer </label> <input id="abweichendhausnummer" type="text" name="abweichendhausnummer" value="<?PHP echo $_SESSION['abweichendhausnummer'];?>" maxlength="32" /> </div> <div class="order-element order-element-txt optionsportierung-dialnr"> <!-- Eingabefeld "Abweichende Postleitzahl" --> <label for="abweichendplz">PLZ </label> <input id="abweichendplz" type="text" name="abweichendplz" value="<?PHP echo $_SESSION['abweichendplz'];?>" maxlength="5" /> </div> <div class="order-element order-element-txt"> <!-- Eingabefeld "Abweichender Wohnort" --> <label for="abweichendwohnort">Ort </label> <input id="abweichendwohnort" type="text" name="abweichendwohnort" value="<?PHP echo $_SESSION['abweichendwohnort'];?>" maxlength="32"/> </div> </div> </fieldset> Geändert von Shax (01.12.2011 um 10:58 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.12.2011, 10:57
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Ist doch klar, du überprüfst beim Laden der Seite nicht, welchen Wert die Checkbox hat. Den change-Handler der Checkboxen solltest du auch beim Laden der Seite ausführen (domready-Event). __________________ PHP Blog + Library CSS Effects + Tools

01.12.2011, 11:01
Shax Neuer Benutzer Registriert seit: 24.11.2011 Beiträge: 16 PHP-Kenntnisse: Anfänger	Du meinst PHP-Code: $(document).ready(function() { jQuery.fn.log = function(msg) { console.log("%s: %o", msg, this); return this; }; $('.removeall').click(function() { var remove = ''; $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked); $(this).parents('fieldset:eq(0)').find(':text').attr('value', remove); }); $(".chzn-select").chosen(); $(".list").css("display", "none"); $('.checkboxes').on('change', function() { //Variable var $kids = $(this).parents().next('.list'); var $this = $(this); var showOrHide = ($(this).val() == 1) ? true : false; //IF Bedinungen if($(this).is(':radio')) { $($kids).slideToggle(showOrHide); } else { $this.toggleClass('slideoption').prev().prop('disabled', $this.hasClass('slideoption')); } //Slide UP - Slide Down if($(this).hasClass('slideoption')) { $($kids).slideDown("fast"); //Slide Down Effect } else { $($kids).slideUp("fast"); //Slide Up Effect } }); if ($('.checkboxes').attr('checked') == true) { $(".list").css("display", "block"); $(this).click(function() { $this.removeClass('slideoption').log("source") .prev().prop('disabled', $this.hasClass('slideoption')); }); } }); den hat ich hier grad ausversehen vergessen gehabt mit zu kopieren. Der Code befindet sich in diesem

01.12.2011, 11:02
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Das ist mir klar, du führst den Handler darin aber nicht aus sondern bindest ihn nur ans change Event. __________________ PHP Blog + Library CSS Effects + Tools