Inhalt ein- und ausblenden

nikosch · 09.09.2008, 21:41

Diskussionsbeitrag zum Wiki Eintrag: http://www.php.de/wiki-php/index.php...und ausblenden.

Die Diskussionsplattform des PHP.de Wiki wurde ins Forum integriert. Durch Klicken des Buttons "Antwort" kannst du an diesem Thema teilnehmen.

nikosch · 09.09.2008, 21:42

Ich schon wieder.

Vorschlag:
- Nur wirklich für die Funktion notwendige CSS Angaben im Basisbeispiel verwenden. Lieber ein 2. Komplettbeispiel mit einer hübschen Variante veröffentlichen.

- Für #1 den Nachteil aufführen, dass IE für :hover bisher nur das a Tag unterstützt.

Manko10 · 09.09.2008, 21:44

Okay.
Diese Angaben habe ich nur hinzugefügt, um die Box zu verdeutlichen. Ansonsten sieht man nu die Schrift, aber nicht die Box selbst.

Übrigens hat vBulletin noch ein paar Probleme mit der Verlinkung. Der obige Link geht z.B. nicht und der Link im Profil bei "xyz betrachtet gerade..." erst recht nicht.

nikosch · 09.09.2008, 21:45

Stimmt. Ist das generell so? *manuell änder..*

[edit] Hmm, krieg ich nicht hin.

Manko10 · 09.09.2008, 21:50

Keine Ahnung. Liegt wohl am Namespace.

Den Hinweis bezüglich des IE 6 habe ich mal hinzugefügt. Dazu habe ich einfach mal die Box aus dem Artikel zu magic_quotes_gpc geklaut. Auf kurz oder lang würde ich für Info- und Achtung-Boxen aber gern eine Vorlage erstellen, die man dann verwenden kann (z.B. {{Warning|Msg=Foobar}}). Vielleicht könnte man dafür auch ein paar Grafiken benutzen (ein Dreieck und eine Glühbirne - ähnlich wie in der Wikipedia [vor allem der englischsprachigen]).

Manko10 · 09.09.2008, 21:55

Also hier lag das Problem daran:

javascript:<b></b>Box ein- und ausblenden (oder so ähnlich)
Im Profil ist das noch schlimmer: java script:Box ein- und ausblenden (hähh???)

Einzig funktionstüchtig ist der Original-URL (case-sensitiv).

nikosch · 09.09.2008, 22:01

Vielleicht ein XSS Schutz.

#2:
statt onclick="displayBox(document.getElementById('funny-box'));"
würde ich entweder das document.getElementById in die Funktion nehmen und nur die ID übergeben
ODER
die Funktion displayElement, besser noch ToggleElementStyle oder so nennen - mit Betonung darauf, dass
1/ ein Element-'Zeiger' erwartet wird
2/ der Style gewechselt (also nicht display) wird

Kannst Du faden als #2a oder so machen? Ich hätte nämlich noch ne echte dritte Variante:
Setzen eines CSS formatierten Klassenattributs via JS DOM. Das ist eigentlich die beste Methode (sieht man vom Nachteil 'requires JS' ab).
Und dann habe ich auch gleich noch nen guten Folgeartikel (Tutorial zu unobtrusive JS), der steigt dann erst richtig ein, aber an einem ähnlichen Beispiel.

Manko10 · 09.09.2008, 22:03

Mööpp... Toggle, na klar. Und ich Doofmann habe fieberhaft nach einen aussagekräftigen Funktionsnamen gegrübelt und mich letztendlich blutenden Herzens für display entschieden. Blockiert muss der Mensch sein...

EDIT:
Methode heißt jetzt toggleElementDisplay() (toggleElementStyle() war mir zu allgemein und aussageschwach).

nikosch · 09.09.2008, 22:58

Stimmt ja auch. Es wird ja ganz konkret der Display Style geändert.

nikosch · 03.10.2008, 14:29

Is datt so richtig? Bin nicht jQuery bewandert:

Zitat:

if ($(query).css('display') == 'block') {

Setzt das fadeout das display anschließend auf none?

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
Ausgabe von Datenbank ein- und ausblenden	serainam81	PHP Tipps 2008	6	05.09.2008 18:22
[Erledigt] Div-Box ausblenden, wenn klick nicht in Div-Box und Inputfeld	PsychoEagle	JavaScript, Ajax und mehr	4	19.08.2008 15:16
doppelte Datensätze nach Abfrage ausblenden	Lilli	Datenbanken	2	14.03.2008 13:09
Mehrere div's mit gleichen ID anzeigen / ausblenden	phpbeginner	HTML, Usability und Barrierefreiheit	9	06.09.2007 02:48
"Startseite festlegen" Link ausblenden, wenn Start	PsychoEagle	HTML, Usability und Barrierefreiheit	11	11.01.2007 11:04
Menüleiste & CO ausblenden	FireFIghter	HTML, Usability und Barrierefreiheit	3	22.05.2006 01:24
Text ausblenden	mokus	HTML, Usability und Barrierefreiheit	5	25.04.2006 21:31
Layer ein- und ausblenden	GN	HTML, Usability und Barrierefreiheit	2	24.08.2005 23:28
onmousein flash einblenden, bei onmouseout ausblenden		HTML, Usability und Barrierefreiheit	11	08.06.2005 11:00
include() ausblenden	mack\|dawg	PHP Tipps 2005	2	29.05.2005 01:08
Parse error ausblenden	sunset	PHP Tipps 2005	12	24.01.2005 15:09
Status ausblenden?!	Kori	HTML, Usability und Barrierefreiheit	7	24.12.2004 13:18
Nach ausblenden des Layers Cookie setzen		HTML, Usability und Barrierefreiheit	3	15.11.2004 19:34
Fehlerausgabe ausblenden		Datenbanken	2	02.11.2004 12:30
Frameborder ausblenden	RudiS	HTML, Usability und Barrierefreiheit	6	28.06.2004 19:27

09.09.2008, 21:41
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.994 PHP-Kenntnisse: Fortgeschritten	JavaScript:Box ein- und ausblenden Diskussionsbeitrag zum Wiki Eintrag: http://www.php.de/wiki-php/index.php...und ausblenden. Die Diskussionsplattform des PHP.de Wiki wurde ins Forum integriert. Durch Klicken des Buttons "Antwort" kannst du an diesem Thema teilnehmen. Geändert von nikosch (09.09.2008 um 21:47 Uhr).


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

09.09.2008, 21:42
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.994 PHP-Kenntnisse: Fortgeschritten	Ich schon wieder. Vorschlag: - Nur wirklich für die Funktion notwendige CSS Angaben im Basisbeispiel verwenden. Lieber ein 2. Komplettbeispiel mit einer hübschen Variante veröffentlichen. - Für #1 den Nachteil aufführen, dass IE für :hover bisher nur das a Tag unterstützt. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

09.09.2008, 21:44
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.709 PHP-Kenntnisse: Fortgeschritten	Okay. Diese Angaben habe ich nur hinzugefügt, um die Box zu verdeutlichen. Ansonsten sieht man nu die Schrift, aber nicht die Box selbst. Übrigens hat vBulletin noch ein paar Probleme mit der Verlinkung. Der obige Link geht z.B. nicht und der Link im Profil bei "xyz betrachtet gerade..." erst recht nicht. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

09.09.2008, 21:45
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.994 PHP-Kenntnisse: Fortgeschritten	Stimmt. Ist das generell so? manuell änder.. [edit] Hmm, krieg ich nicht hin. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

09.09.2008, 21:50
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.709 PHP-Kenntnisse: Fortgeschritten	Keine Ahnung. Liegt wohl am Namespace. Den Hinweis bezüglich des IE 6 habe ich mal hinzugefügt. Dazu habe ich einfach mal die Box aus dem Artikel zu magic_quotes_gpc geklaut. Auf kurz oder lang würde ich für Info- und Achtung-Boxen aber gern eine Vorlage erstellen, die man dann verwenden kann (z.B. {{Warning\|Msg=Foobar}}). Vielleicht könnte man dafür auch ein paar Grafiken benutzen (ein Dreieck und eine Glühbirne - ähnlich wie in der Wikipedia [vor allem der englischsprachigen]). __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

09.09.2008, 21:55
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.709 PHP-Kenntnisse: Fortgeschritten	Also hier lag das Problem daran: javascript:<b></b>Box ein- und ausblenden (oder so ähnlich) Im Profil ist das noch schlimmer: java script:Box ein- und ausblenden (hähh???) Einzig funktionstüchtig ist der Original-URL (case-sensitiv). __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

09.09.2008, 22:01
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.994 PHP-Kenntnisse: Fortgeschritten	Vielleicht ein XSS Schutz. #2: statt onclick="displayBox(document.getElementById('funny-box'));" würde ich entweder das document.getElementById in die Funktion nehmen und nur die ID übergeben ODER die Funktion displayElement, besser noch ToggleElementStyle oder so nennen - mit Betonung darauf, dass 1/ ein Element-'Zeiger' erwartet wird 2/ der Style gewechselt (also nicht display) wird Kannst Du faden als #2a oder so machen? Ich hätte nämlich noch ne echte dritte Variante: Setzen eines CSS formatierten Klassenattributs via JS DOM. Das ist eigentlich die beste Methode (sieht man vom Nachteil 'requires JS' ab). Und dann habe ich auch gleich noch nen guten Folgeartikel (Tutorial zu unobtrusive JS), der steigt dann erst richtig ein, aber an einem ähnlichen Beispiel. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

09.09.2008, 22:03
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.709 PHP-Kenntnisse: Fortgeschritten	Mööpp... Toggle, na klar. Und ich Doofmann habe fieberhaft nach einen aussagekräftigen Funktionsnamen gegrübelt und mich letztendlich blutenden Herzens für display entschieden. Blockiert muss der Mensch sein... EDIT: Methode heißt jetzt toggleElementDisplay() (toggleElementStyle() war mir zu allgemein und aussageschwach). __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems” Geändert von Manko10 (09.09.2008 um 22:17 Uhr).

09.09.2008, 22:58
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.994 PHP-Kenntnisse: Fortgeschritten	Stimmt ja auch. Es wird ja ganz konkret der Display Style geändert. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --