a Tag nicht visible setzbar ?

dreamcatcher · 28.01.2011, 16:45

Hallo,

ich möchte in meinem Script ein a Tag visible setzen.

Quellcode:

PHP-Code:

  <a name='test' href='abc/x.php' style='display:none;'>TEST</a>

Wenn mein Script ausgeführt wird folgt folgendes:

PHP-Code:

              document.all("test").style.display="block";

Er erscheint einfach nicht mehr nach dem Ausführen des Scripts.

Bei einem normalen type=Button funktioniert das tadellos !

Wieso nicht bei einem a Tag ?
Was muss ich dort anders machen ?

Jens Clasen · 28.01.2011, 16:50

Was hat das mit PHP zu tun?
Warum document.all?
Und wenn, dann warum document.all("test")? all ist ein Objekt, keine Funktion - und das auch nicht in allen Browsern und Browser-Modi.

Gruß Jens

cycap · 28.01.2011, 16:53

Zitat:

Was hat das mit PHP zu tun?

Gute Frage!

Themenmoderation:
[→] Verschoben von PHP Einsteiger

dreamcatcher · 28.01.2011, 17:01

Zitat:

Zitat von Jens Clasen

Was hat das mit PHP zu tun?
Warum document.all?
Und wenn, dann warum document.all("test")? all ist ein Objekt, keine Funktion - und das auch nicht in allen Browsern und Browser-Modi.

Gruß Jens

Huch, da es aus einem PHP Projekt resultierte, war ich zu voreilig.

Vielen Dank für deinen Hinweis mit dem Objekt, das hat mich in dem Sinne weitergebracht dass ich nun folgendes rausbekam:

document.getElementById("test").style.display="non e";

Allerdings wird somit das <a> Tag auch nicht invisible gesetzt nach der Scriptausführung.

Das Komische ist, dass :

PHP-Code:

  <a name='test' href='uploads/' style='display:none'>TEST</a>

den Text invisible macht.

Wenn ich jedoch

PHP-Code:

  <a name='test' href='uploads/' >TEST</a>

setze und dann im Script folgendes schreibe:

PHP-Code:

              document.getElementById("test").style.display="none";

er mit das a Tag nicht invisible setzt...

Jens Clasen · 28.01.2011, 17:03

Dein Link hat den Namen "test", nicht die ID. getElementById() sucht aber nun mal nach der ID.

Komm schon - das sind wirklich JS- und HTML-Grundlagen...

Gruß Jens

Manko10 · 28.01.2011, 17:03

Du hast dem a-Tag ja auch nur ein name-Attribut gegeben, keine ID. Von daher kann das gar nicht funktionieren.
Außerdem ist visibility nochmal ein ganz anderes CSS-Attribut. Von daher verstehe ich nicht, warum du nicht einfach von Ausblenden redest, wenn du es per display machst.

dreamcatcher · 28.01.2011, 17:21

Vielen Dank, ich hatte noch in Erinnerung es über den Namen machen zu können.

Nun habe ich per Attribut die ID hinzugefügt und blende es wie folgt aus:

PHP-Code:

              document.getElementById(id).style.display="none";

@Manko10
Im Kontext betrachtet ist das sprechen von visibility ohne CSS natürlich verkehrt.

nikosch · 28.01.2011, 18:17

name in <a> bezieht sich übrigens darauf, welchen Seitenanker sie abbilden. Zur Identifizierung um das Element anzusprechen solltest Du den besser nicht verwenden.

Manko10 · 28.01.2011, 18:19

Zumal sich Anker sowieso besser über IDs abbilden lassen. Die können nämlich jedem Element zugewiesen werden und machen die an sich schon überflüssigen a-Tags ohne Href auf der Seite obsolet.

tr0y · 28.01.2011, 20:14

Du setzt da keinen link Visible

Visibility -> http://www.w3schools.com/CSS/pr_class_visibility.asp

Visibility regelt die Sichtbarkeit des Objektes. Wird ein Objekt per

Code:

visibility:none;

unsichtbar gemacht, bleibt ein Platzhalter mit höhe und Breite des Objektes bestehen.

Display -> http://www.w3schools.com/css/pr_class_display.asp

Display regelt den Darstellungstyp einer Box, dieses Property legt unter anderem Fest ob das Box-Model und schlussendlich das ganze objekt überhaupt dargestellt wird. Setzt du dieses Property auf none wird der Platzhalter ebenfalls mit ausgeblendet.

Code:

display: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
Div visible setzen und andere hidden	PlanLos23	JavaScript, Ajax und mehr	3	29.05.2009 15:11
CSS / JS: mehrere divs bei hover auf visible schalten ?	Cytrix	HTML, Usability und Barrierefreiheit	3	04.01.2006 11:33
DIVs visible -> hidden beim Laden der Seite		HTML, Usability und Barrierefreiheit	2	03.03.2005 22:20
Div layer visibility: visible; -> visibility: hidden;		HTML, Usability und Barrierefreiheit	4	03.07.2004 11:44

28.01.2011, 16:45
dreamcatcher Erfahrener Benutzer Registriert seit: 28.12.2010 Beiträge: 599 PHP-Kenntnisse: Anfänger	a Tag nicht visible setzbar ? Hallo, ich möchte in meinem Script ein a Tag visible setzen. Quellcode: PHP-Code: `<a name='test' href='abc/x.php' style='display:none;'>TEST</a>` Wenn mein Script ausgeführt wird folgt folgendes: PHP-Code: `document.all("test").style.display="block";` Er erscheint einfach nicht mehr nach dem Ausführen des Scripts. Bei einem normalen type=Button funktioniert das tadellos ! Wieso nicht bei einem a Tag ? Was muss ich dort anders machen ?


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

28.01.2011, 16:50
Jens Clasen Erfahrener Benutzer Registriert seit: 19.06.2009 Beiträge: 837 PHP-Kenntnisse: Fortgeschritten	Was hat das mit PHP zu tun? Warum document.all? Und wenn, dann warum document.all("test")? all ist ein Objekt, keine Funktion - und das auch nicht in allen Browsern und Browser-Modi. Gruß Jens

28.01.2011, 17:03
Jens Clasen Erfahrener Benutzer Registriert seit: 19.06.2009 Beiträge: 837 PHP-Kenntnisse: Fortgeschritten	Dein Link hat den Namen "test", nicht die ID. getElementById() sucht aber nun mal nach der ID. Komm schon - das sind wirklich JS- und HTML-Grundlagen... Gruß Jens

28.01.2011, 17:03
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Du hast dem a-Tag ja auch nur ein name-Attribut gegeben, keine ID. Von daher kann das gar nicht funktionieren. Außerdem ist visibility nochmal ein ganz anderes CSS-Attribut. Von daher verstehe ich nicht, warum du nicht einfach von Ausblenden redest, wenn du es per display machst. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

28.01.2011, 17:21
dreamcatcher Erfahrener Benutzer Registriert seit: 28.12.2010 Beiträge: 599 PHP-Kenntnisse: Anfänger	Vielen Dank, ich hatte noch in Erinnerung es über den Namen machen zu können. Nun habe ich per Attribut die ID hinzugefügt und blende es wie folgt aus: PHP-Code: `document.getElementById(id).style.display="none";` @Manko10 Im Kontext betrachtet ist das sprechen von visibility ohne CSS natürlich verkehrt.

28.01.2011, 18:17
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	name in <a> bezieht sich übrigens darauf, welchen Seitenanker sie abbilden. Zur Identifizierung um das Element anzusprechen solltest Du den besser nicht verwenden. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

28.01.2011, 18:19
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Zumal sich Anker sowieso besser über IDs abbilden lassen. Die können nämlich jedem Element zugewiesen werden und machen die an sich schon überflüssigen a-Tags ohne Href auf der Seite obsolet. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

28.01.2011, 20:14
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	Du setzt da keinen link Visible Visibility -> http://www.w3schools.com/CSS/pr_class_visibility.asp Visibility regelt die Sichtbarkeit des Objektes. Wird ein Objekt per Code: visibility:none; unsichtbar gemacht, bleibt ein Platzhalter mit höhe und Breite des Objektes bestehen. Display -> http://www.w3schools.com/css/pr_class_display.asp Display regelt den Darstellungstyp einer Box, dieses Property legt unter anderem Fest ob das Box-Model und schlussendlich das ganze objekt überhaupt dargestellt wird. Setzt du dieses Property auf none wird der Platzhalter ebenfalls mit ausgeblendet. Code: display:none; __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.