Autor |
Nachricht |
Benutzer 4545
Account gelöscht
Ort: -
|
Verfasst Mi 14.11.2007 11:44
Titel
|
|
|
hat jemand einen link wie das genau geht mit dem js?
und was passiert wenn js nicht aktiviert ist?
Zuletzt bearbeitet von am Mi 14.11.2007 11:56, insgesamt 1-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 14.11.2007 11:59
Titel
|
|
|
Code: | function toggle(obj) {
var el = document.getElementById(obj);
el.style.display = (el.style.display != 'none' ? 'none' : '' );
} |
An die Funktion übergibst du die ID des Elementes welches du ein- bzw. ausblenden möchtest.
Wenn Javascript deaktiviert ist passiert natürlich nichts.
|
|
|
|
|
Anzeige
|
|
|
EHST
Gesperrt
Dabei seit: 08.08.2006
Ort: Orbg.-Sachsenhausen
Alter: -
Geschlecht: -
|
Verfasst Mi 14.11.2007 12:13
Titel
|
|
|
sun_ hat geschrieben: | einfach per link und js den style des textes ändern von visibilty:hidden auf visibility:visible
denke das ist das einfachste |
Das Einfachste wäre wohl, kein Javascript zu benutzen.
Code: |
<a href="blabla.php?s=bla">
BlaBla
</a>
<span style="display:<?php echo(($_GET['s']==bla)?"block":"none");?>">
Schwups
</span>
|
Kommt natürlich auf den Inhalt und die Links an...
Zuletzt bearbeitet von EHST am Mi 14.11.2007 12:13, insgesamt 1-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 14.11.2007 12:57
Titel
|
|
|
EHST hat geschrieben: | ... |
Ja, nur das nach einer Lösung gefragt wurde welche das neu anfordern der Seite nicht benötigt.
|
|
|
|
|
Benutzer 4545
Account gelöscht
Ort: -
|
Verfasst Mi 14.11.2007 13:16
Titel
|
|
|
huhu danke für die antwort. also wenn ohne js nix passiert, ist das leider schon mal nicht möglich (war mir ja eigentlich klar ) dann kann man ja die dateien, die man herunterladen kann nicht sehen (wenn sich die liste nicht aufklappt)
und ne html bzw. css möglichkeit ohne js und ohne das aufrufen einer neuen seite gibts nicht?
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 15.11.2007 08:42
Titel
|
|
|
Ein Möglichkeit wäre nach jedem zu versteckenden Element,
ein Script einzufügen, welches dieses versteckt. Nicht js-User
bekämen dann alle Elemente sichtbar, für js-User wären sie
ausgeblendet - den Link zum einblenden sollest Du dann auch
per JavaScript reinwriteln. So circa:
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hide if js on</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
DIV#container {
display:block;
background:red;
}
DIV#containerZwei {
display:block;
background:pink;
}
-->
</style>
<script type="text/javascript">
<!--
var $ = function (o)
{
obj = document.getElementById(o);
if (obj)
return obj;
}
var hideObj = function (id)
{
($(id)) ? $(id).style.display = 'none' : '';
}
var toggleObj = function (id)
{
if ($(id))
$(id).style.display = ($(id).style.display != 'none') ? 'none' : 'block';
}
var emitToggleLink = function (id)
{
document.writeln('<a href="#" onclick="toggleObj(\''+id+'\');return false" >Toggle '+id+'</a><br />');
}
-->
</script>
</head>
<body>
<div id="container">div mit id='container'</div>
<script type="text/javascript">
<!--
hideObj('container');
emitToggleLink('container');
-->
</script>
<div id="containerZwei">div mit id='containerZwei'</div>
<script type="text/javascript">
<!--
hideObj('containerZwei');
emitToggleLink('containerZwei');
-->
</script>
</body>
</html>
|
Das könnte man natürlich auch an einen window.onload-
Event dranhängen, was aber den Nachteil hätte, das die
Element kurzzeitig sichtbar wären. Oder zu schaust mal
bei Mootools vorbei - Stichwort DomReady und so...
|
|
|
|
|
|
|
|
Ähnliche Themen |
flash link zu html seite
Link zu Seite mit allen Logos
Seite nur über Link erreichen mit htaccess?
adobe go live - link zu vorheriger seite?
photoshop webgalerie zeigt seite mit link f. flashplayer an.
CSS Box verlinkt auf Seite - obwohl kein link angegeben
|
|