[Erledigt] jquery button label beschriftung

Buschdieb · 16.10.2010, 12:58

Hallo Leute,

ich hab mal wieder ein Problem und komm nicht weiter.

Ich habe ein paar Ceckboxen via jquery UI ein Buttondesign verpasst.

$('#sichtbar".$i."').button();";

Die Checkboxen / Buttons funktionieren einwandfrei. Wenn ich auf eine Checkbox klicke wird die Funktion mit onchange wie gewünscht ausgeführt. Anschließend soll der label text der checkbox von sichtbar zu unsichtbar umgeschrieben werden je nach bedinungen. das klappt auch wunderbar mit

$( '#label'+cid ).text("Unsichtbar");

nur verändert die checkbox / button sein aussehen. Ringsum den label text ist kein abstand mehr nach dem der text geändert wurde. Mit html() ist es genauso. Kennt jemand das Problem oder hat jemand einen Lösungsvorschlag?

Code:

<div style="margin-top:10px;"><input type="checkbox" id="sichtbar3" name="sichtbar3" value="107" onchange="change_sichtbar_foto('107',sc3,'3','41'); sc3 = 0; return false;"  checked><label id="label3" for="sichtbar3">Sichtbar</label></div>

Vielen Dank!

TZP · 18.10.2010, 09:14

Magst du mal den gesamten Code rund um dein Problem posten? Gerne auch mit Einrückung.

Buschdieb · 18.10.2010, 12:02

irgendwie kann ich hier meinen html code nicht posten. ich lande immer auf einer weißen seite.

Buschdieb · 18.10.2010, 12:25

ich machs jetzt mal mit anlage.

TZP · 18.10.2010, 14:56

Bei mir läuft gar nix davon. Was hast du n da für imports? Müsste das nich alles mit JQuery 1.4.2. automatisch mitkommen?

Buschdieb · 18.10.2010, 15:43

die buttons kommen von jquery ui.

http://jqueryui.com

die sache müssen, meines wissens einzeln importiert werden.

TZP · 19.10.2010, 09:51

Ich persönlich bevorzuge die 1.4.2.js für alles, daher würde ich es so lösen:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="pragma" content="no-cache">
  <title>Checkbox Button Test</title>
  <script type="text/javascript" src="jquery-1.4.2.min.js"></script>

  <link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.5.custom.css">

  </head>
  
  <body>
  <script type="text/javascript">
	$(document).ready(function() {
		buttonChange();
	});
	function buttonChange(){
		$('#sichtbar3').click(function(){
			if ($('#sichtbar3').is(':checked') ) {
				$('#label3').text("Läuft");
			} else {
				$('#label3').text("Läuft nich");
			}
		});
	}
  </script>
  
  <input type="checkbox" id="sichtbar3">
  <label id="label3" for="sichtbar3">Sichtbar</label>
  </body>
</html>

Da könnte man noch den Code optimieren durch z.B. eine vereinfachte If-else mit dem ? : aber das läuft so schon mal.

Buschdieb · 19.10.2010, 11:59

Hey vielen Dank für dein Beispiel allerdings wird das Buttondesign bei mir nicht angezeigt.

du verwendest nur

Code:

jquery-1.4.2.min.js

da ist aber nicht die ui drin. das geht nicht.

http://jqueryui.com/themeroller/

Buschdieb · 19.10.2010, 12:08

ich kann hier irgendwie kein html-code also code einfügen...

ich mach es wieder mit der anlage.

mit neu3.html wird der button nicht angezeigt.
mit neu4.html wird der button zwar angezeigt aber das problem besteht weiterhin.

TZP · 19.10.2010, 12:32

Hmhm...das könnte es erklären.

Magst du auch mal alle nötigen .js anhängen?

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] nach drücken des Button wird falscher wert in der Db geändert	pidaman	PHP Tipps 2010	7	03.09.2010 13:41
Zurück Button Browser doppelte Speicherung	bumer2006	PHP Tipps 2010	3	05.08.2010 15:44
[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
Button um auf älterer News zu kommen.	Risk5o	PHP Tipps 2010	13	15.04.2010 01:24
wert mit button an $_session übergeben	pfu	PHP Tipps 2010	11	04.03.2010 13:50
[Erledigt] Werte von Radio Button gelangen nicht in Datenbank	peteX82	PHP Tipps 2009	8	22.09.2009 20:12
Submit Button mit Bild, per Click anderer Button	the-rod	JavaScript, Ajax und mehr	3	26.06.2009 17:52
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
Reset Button bei Formularen	TeazY	PHP Tipps 2008	2	24.12.2007 14:59
Prüfen ob Button angeklickt wurde..	krummzahn	HTML, Usability und Barrierefreiheit	2	30.04.2006 21:18
Tabellenzeilen ausblenden/einfügen		HTML, Usability und Barrierefreiheit	3	21.10.2005 13:54
[Erledigt] per Button php in <td> laden		PHP Tipps 2004	4	26.10.2004 18:07
Ich habe eine Auswahlliste und einen Button. Wie auswerten?		PHP Tipps 2004	1	20.10.2004 16:39
formular button linkt an interne Stelle		PHP Tipps 2004	1	08.06.2004 10:02

16.10.2010, 12:58
Buschdieb Erfahrener Benutzer Registriert seit: 11.12.2004 Beiträge: 238 PHP-Kenntnisse: Anfänger	[Erledigt] jquery button label beschriftung Hallo Leute, ich hab mal wieder ein Problem und komm nicht weiter. Ich habe ein paar Ceckboxen via jquery UI ein Buttondesign verpasst. $('#sichtbar".$i."').button();"; Die Checkboxen / Buttons funktionieren einwandfrei. Wenn ich auf eine Checkbox klicke wird die Funktion mit onchange wie gewünscht ausgeführt. Anschließend soll der label text der checkbox von sichtbar zu unsichtbar umgeschrieben werden je nach bedinungen. das klappt auch wunderbar mit $( '#label'+cid ).text("Unsichtbar"); nur verändert die checkbox / button sein aussehen. Ringsum den label text ist kein abstand mehr nach dem der text geändert wurde. Mit html() ist es genauso. Kennt jemand das Problem oder hat jemand einen Lösungsvorschlag? Code: <div style="margin-top:10px;"><input type="checkbox" id="sichtbar3" name="sichtbar3" value="107" onchange="change_sichtbar_foto('107',sc3,'3','41'); sc3 = 0; return false;" checked><label id="label3" for="sichtbar3">Sichtbar</label></div> Vielen Dank! __________________ fragen ist kostenlos! Buschdieb.com


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

18.10.2010, 09:14
TZP Erfahrener Benutzer Registriert seit: 17.08.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	Magst du mal den gesamten Code rund um dein Problem posten? Gerne auch mit Einrückung.

18.10.2010, 12:02
Buschdieb Erfahrener Benutzer Registriert seit: 11.12.2004 Beiträge: 238 PHP-Kenntnisse: Anfänger	irgendwie kann ich hier meinen html code nicht posten. ich lande immer auf einer weißen seite. __________________ fragen ist kostenlos! Buschdieb.com

18.10.2010, 14:56
TZP Erfahrener Benutzer Registriert seit: 17.08.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	Bei mir läuft gar nix davon. Was hast du n da für imports? Müsste das nich alles mit JQuery 1.4.2. automatisch mitkommen?

18.10.2010, 15:43
Buschdieb Erfahrener Benutzer Registriert seit: 11.12.2004 Beiträge: 238 PHP-Kenntnisse: Anfänger	die buttons kommen von jquery ui. http://jqueryui.com die sache müssen, meines wissens einzeln importiert werden. __________________ fragen ist kostenlos! Buschdieb.com

19.10.2010, 11:59
Buschdieb Erfahrener Benutzer Registriert seit: 11.12.2004 Beiträge: 238 PHP-Kenntnisse: Anfänger	Hey vielen Dank für dein Beispiel allerdings wird das Buttondesign bei mir nicht angezeigt. du verwendest nur Code: jquery-1.4.2.min.js da ist aber nicht die ui drin. das geht nicht. http://jqueryui.com/themeroller/ __________________ fragen ist kostenlos! Buschdieb.com

19.10.2010, 12:32
TZP Erfahrener Benutzer Registriert seit: 17.08.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	Hmhm...das könnte es erklären. Magst du auch mal alle nötigen .js anhängen?