[Erledigt] CSS mit Jquery definieren

richardf · 26.07.2011, 09:21

Hi Leute

Ich hab' ein Problem, an dem ich bald verzweifle..!

Situation ist folgende:
Ich arbeite an einer Seite, bei der ich je nach Benutzer verschiedene Div-Grössen (width & height) verwenden muss.
Diese Divs haben alle die gleiche Klasse und können beliebig viel mal instanziert werden (natürlich mit verschiedenen IDs).

Leider nimmt die Klasse meine Defintionen nicht an.
Ich hab' das überprüft mit alert($("div .container").css("width")) - die Antwort war "undefined"...

Hier mein Kot:

Code:

<script language="javascript" type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script language="javascript" type="text/javascript">
	$(document).ready(function()
	{
		var sizeX = 480;
		var sizeY = 270;
		$("div .container").css({
			"width" : sizeX + "px",
			"height" : sizeY  + "px"});
	});
</script>
 <style>
	div .container
	{
		position:absolute;
		background-color:#FF00FF;
	}
</style>

Wäre super, wenn mir jemand sagen könnte, was ich falsch gemacht habe...
Ich habe ein ähnliches Problem im JQuery-Forum gefunden und die einzige Antwort war: Your code looks fine...

Beste Grüsse

mquadrat · 26.07.2011, 09:57

Wie schaut denn das HTML dazu aus? Ich kenne die Selector-Engine von jQuery nicht (verwende selber MooTools) aber wenn die versuchen die Standard-CSS-Selektoren zu emulieren, müsste dann nicht ein $('.container') nicht auch langen?

richardf · 26.07.2011, 10:08

Zitat:

Zitat von mquadrat

Wie schaut denn das HTML dazu aus? Ich kenne die Selector-Engine von jQuery nicht (verwende selber MooTools) aber wenn die versuchen die Standard-CSS-Selektoren zu emulieren, müsste dann nicht ein $('.container') nicht auch langen?

Hi mquadrat.
Danke für Deine Antwort.
HTML gibt's dazu eigentlich nicht - also sämtlicher Inhalt wird von Javascript generiert (oder sollte zumindest...).
Also einfach nur ein div, in den die anderen Divs mit .append erstellt werden.
Einfach nur die Klasse zu bearbeiten habe ich auch schon versucht, leider ohne Erfolg...

drsoong · 26.07.2011, 10:25

Zitat:

HTML gibt's dazu eigentlich nicht - also sämtlicher Inhalt wird von Javascript generiert (oder sollte zumindest...).
Also einfach nur ein div, in den die anderen Divs mit .append erstellt werden.

Dann entsteht Dein Problem möglicherweise dadurch, dass beim Aufruf

Code:

$(document).ready(function()

die divs noch nicht bekannt sind. Dann mußt Du die CSS Zuweisung eben ausführen nachdem Du .append ausgeführt hast.

Allerdings frage ich mich, warum Du bei dieser statischen Stilzuweisung nicht einfach das gute alte CSS-Stylesheet verwendest?!

nikosch · 26.07.2011, 13:06

Zitat:

HTML gibt's dazu eigentlich nicht - also sämtlicher Inhalt wird von Javascript generiert (oder sollte zumindest...).
Also einfach nur ein div, in den die anderen Divs mit .append erstellt werden.

Trotzdem entsteht dabei HTML. Und das zeigst Du uns bitte mal.

Maxefix · 26.07.2011, 16:03

Zitat:

Zitat von drsoong

die divs noch nicht bekannt sind. Dann mußt Du die CSS Zuweisung eben ausführen nachdem Du .append ausgeführt hast.

Allerdings frage ich mich, warum Du bei dieser statischen Stilzuweisung nicht einfach das gute alte CSS-Stylesheet verwendest?!

Einerseits das, aber auch "div .container" kommt mir spanisch vor. Das bedeutet soviel wie "alle Elemente UNTERHALB eines DIVs mit der Klasse container". Ist das so gewünscht? Wenn du alle DIVs MIT der Klasse container haben willst musst du das Leerzeichen weglassen.

Gruß,
Max

richardf · 27.07.2011, 13:02

Zitat:

Zitat von Maxefix

Einerseits das, aber auch "div .container" kommt mir spanisch vor. Das bedeutet soviel wie "alle Elemente UNTERHALB eines DIVs mit der Klasse container". Ist das so gewünscht? Wenn du alle DIVs MIT der Klasse container haben willst musst du das Leerzeichen weglassen.

Gruß,
Max

Hi Maxefix
Ja, dass ist so gewollt - auch das ohne Leerzeichen geht im übrigen nicht.

Danke für eure Hilfe, aber ich habe herausgefunden, dass es mit der .css-Funktion von JQuery nicht möglich ist eine globale Definition zu erstellen.

JQuery schaut scheinbar nach welche Elemente diese Klasse hat und ändert nur die bereits erstellten.

Gruss richard

drsoong · 27.07.2011, 13:18

Soweit ich weiß, kannst Du die CSS-Klassendefinition tatsächlich nicht ändern.

Das tut Deinem (vermuteten) Vorhaben jedoch keinen Abbruch. Aus meiner Sicht ist wahrscheinlich Dein JQ-Selektor nicht ganz korrekt oder evtl. die .append-Methode an der falschen Stelle ausgeführt. Oder Du hast irgendwo noch einen Notationsfehler. Einer der üblichen Fehler also.

Vielleicht willst Du Dir ja doch noch mal die Mühe machen, Dein (angehängtes) HTML hier im Forum zu offenbaren. Da dynamsich hinzugefügt, nimmst Du vielleicht Firebug um den Code sichtbar zu machen.

rudygotya · 27.07.2011, 14:26

Angescribbelt wieso nicht in der Art?

PHP-Code:

  $el = $('<div id="foo">');
$(".selector").append( function () {
     $el.addClass( 'foo' ).css({ width: '400px' });
     // oder hier einfach einen event feuern
     return $el;
});

nikosch · 27.07.2011, 14:30

Zitat:

Danke für eure Hilfe, aber ich habe herausgefunden, dass es mit der .css-Funktion von JQuery nicht möglich ist eine globale Definition zu erstellen.

Davon sprichst Du auch zum ersten mal und das ist auch völlig unnötig.

Kommt hier noch ne Information Deinerseits? Sonst mache ich hier dicht.

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] 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
Einfaches JQuery resize und scoll läuft nicht	smilla	JavaScript, Ajax und mehr	5	08.02.2011 20:44
jQuery, einem DOM-Knoten eine Payload anhängen	Chriz	JavaScript, Ajax und mehr	6	22.12.2010 15:31
jQuery - Text an Cursorposition einfügen	Koala	JavaScript, Ajax und mehr	5	11.11.2010 21:28
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: dialogbox funktioniert nicht	Dreamwatcher	JavaScript, Ajax und mehr	16	22.07.2010 18:22
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

26.07.2011, 09:21
richardf Neuer Benutzer Registriert seit: 13.01.2010 Beiträge: 20 PHP-Kenntnisse: Fortgeschritten	[Erledigt] CSS mit Jquery definieren Hi Leute Ich hab' ein Problem, an dem ich bald verzweifle..! Situation ist folgende: Ich arbeite an einer Seite, bei der ich je nach Benutzer verschiedene Div-Grössen (width & height) verwenden muss. Diese Divs haben alle die gleiche Klasse und können beliebig viel mal instanziert werden (natürlich mit verschiedenen IDs). Leider nimmt die Klasse meine Defintionen nicht an. Ich hab' das überprüft mit alert($("div .container").css("width")) - die Antwort war "undefined"... Hier mein Kot: Code: <script language="javascript" type="text/javascript" src="jquery-1.6.2.min.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function() { var sizeX = 480; var sizeY = 270; $("div .container").css({ "width" : sizeX + "px", "height" : sizeY + "px"}); }); </script> <style> div .container { position:absolute; background-color:#FF00FF; } </style> Wäre super, wenn mir jemand sagen könnte, was ich falsch gemacht habe... Ich habe ein ähnliches Problem im JQuery-Forum gefunden und die einzige Antwort war: Your code looks fine... Beste Grüsse


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

26.07.2011, 09:57
mquadrat Erfahrener Benutzer Registriert seit: 02.09.2009 Beiträge: 1.019 PHP-Kenntnisse: Fortgeschritten	Wie schaut denn das HTML dazu aus? Ich kenne die Selector-Engine von jQuery nicht (verwende selber MooTools) aber wenn die versuchen die Standard-CSS-Selektoren zu emulieren, müsste dann nicht ein $('.container') nicht auch langen? __________________ Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de

27.07.2011, 13:18
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	Soweit ich weiß, kannst Du die CSS-Klassendefinition tatsächlich nicht ändern. Das tut Deinem (vermuteten) Vorhaben jedoch keinen Abbruch. Aus meiner Sicht ist wahrscheinlich Dein JQ-Selektor nicht ganz korrekt oder evtl. die .append-Methode an der falschen Stelle ausgeführt. Oder Du hast irgendwo noch einen Notationsfehler. Einer der üblichen Fehler also. Vielleicht willst Du Dir ja doch noch mal die Mühe machen, Dein (angehängtes) HTML hier im Forum zu offenbaren. Da dynamsich hinzugefügt, nimmst Du vielleicht Firebug um den Code sichtbar zu machen. __________________ Es ist schon alles gesagt. Nur noch nicht von allen.

27.07.2011, 14:26
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Angescribbelt wieso nicht in der Art? PHP-Code: `$el = $('<div id="foo">'); $(".selector").append( function () { $el.addClass( 'foo' ).css({ width: '400px' }); // oder hier einfach einen event feuern return $el; });` __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog