[Erledigt] jQuery Toggle Befehl reseten

Shax · 24.11.2011, 11:20

Hi ich hoffe Ihr könnt mir helfen.

Ich bin zurzeit drüber ein Input Feld anzulegen das Werte über eine Session bekommt und standardmäßig auf disabled steht.

Der User soll nachdem er auf einen Button geklickt hat, diese Daten verändern können, sodass das Input Felt auf enabled wieder steht.

Nachdem er etwas eingegeben hat, soll er entweder nochmal auf den Button drücken können, oder mit der Enter Taste das Input Feld auf disabled wieder stellen können und somit die Daten zu bestätigen.

Sollte er sich dennoch wieder vertippt haben, kann er wieder auf den Button drücken, diesen muss ich jetzt aber zweimal drücken das er den Input wieder aktiviert und genau da liegt mein Problem.

http://jsfiddle.net/8utTS/

Wie lös ich das Problem?

Hab schon etwas mit unbind gelesen weil jQuery sich diese Werte anscheinend merkt, bekomms aber nicht hin.

Hoffe Ihr könnt mir helfen.

/***
Edit
***/
Ach mist, hab das Thema lasch formuliert,...kann das jemand bitte ändern oder wo geht das?
Würd gern jQuery Toggle nehmen wollen

rudygotya · 24.11.2011, 12:19

http://jsfiddle.net/8utTS/8/

PHP-Code:

      $('#toggleInput').click( function () {
        var $this = $(this);
        $this.toggleClass( 'checked' );
        $( 'input' ).prop( 'disabled', $this.hasClass('checked') )
    });

Benutz doch nen <button/>, wenn du einen brauchst

grüße

Basti

Shax · 24.11.2011, 12:21

Da hab ich aber das selbe Problem, ich muss den Button jetzt zweimal drücken, was nicht beabsichtigt ist. Der User soll ihn jeweils nur einmal drücken und der Input wird dann aktiviert bzw deaktiviert

rudygotya · 24.11.2011, 12:56

Nuja, den Status des Inputs wechselt er jetzt dementsprechend. Jetzt musst du den initialen Status so anpassen, wie du es haben möchtest. Überleg, was der Code macht und was du am markup verändern musst, damit du für den Wechsel von disabled zu enabled nicht 2 mal clicken musst.

edit:

Zitat:

Wo ändere ich den Titel ?

Geh in Deinem ersten Posting auf den „Ändern“-Button und dann auf „Erweitert“. Dort kannst Du neben dem Text auch den Titel abändern. Das geht nur 5 Tage lang, deshalb tue es bitte sofort. Oder besser, achte beim Posten gleich auf einen vernünftigen Threadtitel.

Shax · 24.11.2011, 13:49

http://jsfiddle.net/Shax/dtCFD/4/

Ich habs jetzt mal so gelöst, ist das unsauber oder passt das so?

rudygotya · 24.11.2011, 14:04

http://jsfiddle.net/dtCFD/7/

Du brauchst nur 1 css class zu bedienen => statt active und checked entscheide dich für eine.
Hab deinen Code mit dem Beispiel oben zusammengekürzt. Du musst das „togglende“ Element initial nur mit der css-Klasse active ausstatten => ein mal klicken reicht vollkommen.

Du erzeugst noch zu viele Objekte. Erzeug ein Objekt eines Elements und referenzier dieses ständig.

Vielleicht zur Unterstützung: http://james.padolsey.com/javascript/jquery-lint/

P.S.: Alerts stinken

verwende console.log und Konsorten zum Debuggen.

Shax · 24.11.2011, 14:23

Hey cool vielen dank

,

aber wie bekomm ich es jetzt hin, das er das bei mehreren inputs nicht gleichzeitig sondern getrennt macht?
Jetzt übernimmt er mir das für alle ich will das aber für verschiedene Input Felder einzeln regeln können und den code immer wieder zu wiederholen und anzupassen ist glaub ich nicht grad super...

rudygotya · 24.11.2011, 14:46

Dein Markup:

Code:

<div class="order-element">
    <div class="input">
        <label for="target">Test</label>
        <input disabled="disabled" type="text" class="target" />
        <div class="control normal active"></div>
    </div>
</div>

PHP-Code:

  $(function() {

    $('.control').click( function () {
        var $this = $(this);
        $this
            .toggleClass( 'active' );
            .prev()
            .prop( 'disabled', $this.hasClass('active') )
    });
});

Siehe jquery api => traversing

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
JQuery Ajax PHP Aktualisierung	thiagojonas	PHP Einsteiger	3	25.10.2011 23:22
jQuery UI Tabs komplett mit AJAX laden und letzt gewählten Tab wählen	K00S	JavaScript, Ajax und mehr	6	10.09.2011 13:54
[Erledigt] Jquery mobile form action verhalten unterdrücken	drsoong	JavaScript, Ajax und mehr	1	21.07.2011 14:57
jQuery: Select Area in Input Feld umwandeln	Elementus	JavaScript, Ajax und mehr	1	12.07.2011 20:31
Einsatz von Milestones (jQuery)	dreamcatcher	JavaScript, Ajax und mehr	4	28.06.2011 12:07
PHP und jquery	mehlwurm	PHP Einsteiger	13	30.05.2011 23:09
jQuery, einem DOM-Knoten eine Payload anhängen	Chriz	JavaScript, Ajax und mehr	6	22.12.2010 15:31
Bin noch ein Anfänger mit jquery bitte um hilfe	bomber007	JavaScript, Ajax und mehr	4	19.08.2010 23:34
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
[Erledigt] jQuery Dateien nachladen	Phoscur	JavaScript, Ajax und mehr	7	14.03.2009 13:44
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35

24.11.2011, 11:20
Shax Neuer Benutzer Registriert seit: 24.11.2011 Beiträge: 16 PHP-Kenntnisse: Anfänger	[Erledigt] jQuery Toggle Befehl reseten Hi ich hoffe Ihr könnt mir helfen. Ich bin zurzeit drüber ein Input Feld anzulegen das Werte über eine Session bekommt und standardmäßig auf disabled steht. Der User soll nachdem er auf einen Button geklickt hat, diese Daten verändern können, sodass das Input Felt auf enabled wieder steht. Nachdem er etwas eingegeben hat, soll er entweder nochmal auf den Button drücken können, oder mit der Enter Taste das Input Feld auf disabled wieder stellen können und somit die Daten zu bestätigen. Sollte er sich dennoch wieder vertippt haben, kann er wieder auf den Button drücken, diesen muss ich jetzt aber zweimal drücken das er den Input wieder aktiviert und genau da liegt mein Problem. http://jsfiddle.net/8utTS/ Wie lös ich das Problem? Hab schon etwas mit unbind gelesen weil jQuery sich diese Werte anscheinend merkt, bekomms aber nicht hin. Hoffe Ihr könnt mir helfen. /* Edit / Ach mist, hab das Thema lasch formuliert,...kann das jemand bitte ändern oder wo geht das? Würd gern jQuery Toggle nehmen wollen Geändert von Shax (24.11.2011 um 13:05 Uhr).*


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

24.11.2011, 12:19
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	http://jsfiddle.net/8utTS/8/ PHP-Code: `$('#toggleInput').click( function () { var $this = $(this); $this.toggleClass( 'checked' ); $( 'input' ).prop( 'disabled', $this.hasClass('checked') ) });` Benutz doch nen <button/>, wenn du einen brauchst grüße Basti __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

24.11.2011, 12:21
Shax Neuer Benutzer Registriert seit: 24.11.2011 Beiträge: 16 PHP-Kenntnisse: Anfänger	Da hab ich aber das selbe Problem, ich muss den Button jetzt zweimal drücken, was nicht beabsichtigt ist. Der User soll ihn jeweils nur einmal drücken und der Input wird dann aktiviert bzw deaktiviert

24.11.2011, 13:49
Shax Neuer Benutzer Registriert seit: 24.11.2011 Beiträge: 16 PHP-Kenntnisse: Anfänger	http://jsfiddle.net/Shax/dtCFD/4/ Ich habs jetzt mal so gelöst, ist das unsauber oder passt das so?

24.11.2011, 14:04
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	http://jsfiddle.net/dtCFD/7/ Du brauchst nur 1 css class zu bedienen => statt active und checked entscheide dich für eine. Hab deinen Code mit dem Beispiel oben zusammengekürzt. Du musst das „togglende“ Element initial nur mit der css-Klasse active ausstatten => ein mal klicken reicht vollkommen. Du erzeugst noch zu viele Objekte. Erzeug ein Objekt eines Elements und referenzier dieses ständig. Vielleicht zur Unterstützung: http://james.padolsey.com/javascript/jquery-lint/ P.S.: Alerts stinken verwende console.log und Konsorten zum Debuggen. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

24.11.2011, 14:23
Shax Neuer Benutzer Registriert seit: 24.11.2011 Beiträge: 16 PHP-Kenntnisse: Anfänger	Hey cool vielen dank , aber wie bekomm ich es jetzt hin, das er das bei mehreren inputs nicht gleichzeitig sondern getrennt macht? Jetzt übernimmt er mir das für alle ich will das aber für verschiedene Input Felder einzeln regeln können und den code immer wieder zu wiederholen und anzupassen ist glaub ich nicht grad super... Geändert von Shax (24.11.2011 um 14:28 Uhr).

24.11.2011, 14:46
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Dein Markup: Code: <div class="order-element"> <div class="input"> <label for="target">Test</label> <input disabled="disabled" type="text" class="target" /> <div class="control normal active"></div> </div> </div> PHP-Code: `$(function() { $('.control').click( function () { var $this = $(this); $this .toggleClass( 'active' ); .prev() .prop( 'disabled', $this.hasClass('active') ) }); });` Siehe jquery api => traversing __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog