huhu,
ich weiß ja nicht ob ich hier richtig bin aber ich versuch es einfach mal im php forum 
also es dreht sich um diese seite hier: xetu.de/contact.html
(ommt alles noch in php ^^)
ehm es gibt dort 6 Bilder, so das ganze soll jetzt so Funktionieren, wenn man auf ein Bild klickt soll genau untendrunter das stehen zum Beispiel beim Telefon klick = 0800/000000
und bei icq zum beispiel 123456
wie auch immer
kann mir einer sagen wie ich das mache?
auf jeden Fall nicht mit PHP, sondern mit JavaScript 
kanns mal jemand dorthin verschieben?
kann das ganze so iwie funktionieren?
<script type="text/javascript">
<!--
function toggle(strID){
var myObj = document.getElementById(strID);
if(myObj.style.display == "none"){
myObj.style.display = "block";
}else{
myObj.style.display = "none";
}
}
//-->
</script>
und dann kann ich doch einfach <img src="" onclick="toggle('1.1')">, aber ich habe das schon getestet und das geht auch net
hi,
machs so:
z.b. email:
<img src="./images/email.png" onclick="toggle('email')">
<span id="email" style="display:none">email@example.com</span>
oder icq:
<img src="./images/icq.png" onclick="toggle('icq')">
<span id="icq" style="display:none">ICQ#</span>
Hi,
die Frage selbst ist ja schon beantwortet, ich find es immer cool
zusätzlich ein Tooltipp anzuzeigen (width,height + alt schaden auch nicht… ) :
Pit
Zu beachten ist, daß zumindest nach deutschem Recht
Kontaktdaten im Impressum unmittelbar zugänglich sein sollten.
Das ist nicht der Fall, wenn sie nur bei aktiviertem java-script
oder nur durch CSS sichtbar werden oder nur, wenn Bilder
interpretierbar sind.
Hier wäre es also eher sinnvoll, die email per (X)HTML-Text
hinzuschreiben und gegebenenfalls per CSS gegen ein Bild
zu tauschen, wobei unklar ist, wozu das Bild eigentlich da sein
soll.
Wird das img-Element jedoch verwendet, so muß der Inhalt des
alt-Attributes die Funktion repräsentieren, hier also wohl die
email-Adresse enthalten, also weder leer sein (dann wäre die
email-Angabe nur Dekoration) noch gänzlich fehlen.
Weil CSS bei vielen Leuten interpretiert wird, ist es auch nicht
sinnvoll, wichtige Angaben mit display:none zu verstecken und
dann mit einem Skript wieder sichtbar zu machen, weil das beides
nicht viel miteinander zu tun hat. Viel besser ist es da, die
Information mit und ohne CSS immer sichtbar zu haben und dann
per Skript sowohl display: none als auch display:block zu setzen.
hoi
@ hummer danke es klappt alles,
so nun noch mal zu hoffmann
[quote] Viel besser ist es da, die
Information mit und ohne CSS immer sichtbar zu haben und dann
per Skript sowohl display: none als auch display:block zu setzen.[/quote]
und wie stelle ich das ganze an? 
mfg ttc1974
Es gibt wohl so ein Ereignis ‘onload’ - mit dem kannst du ein
Skript starten, welches die CSS-Eigenschaften für die
Skriptvariante zu Beginn des Dokumentes umdefiniert.
Also (X)HTML und CSS anfangs so, daß der Inhalt ohne Skript
zugänglich ist, also lesbar und funktionierend, dann eben mit
dem Skript, welches mit onload startet alles so umstellen, wie
es anfangs in der Skriptvariante sein soll und die andere
Funktion dann eben mit den anderen event-handlern ansteuern.
Die Idee dabei ist eben, dieselbe Sprache für die
Starteigenschaften zu verwenden wie sie nachher verwendet
wird, um etwas dynamisch zu verändern, das vermeidet
Inkonsistenzen, wenn eine Sprache - aus welchen Gründen auch
immer - nicht interpretiert wird. Zudem separiert es Funktionen
voneinander.
Nun kenne ich mich im Detail nicht mit java-script aus, weil ich
dafür noch nie eine sinnvolle Anwendung gefunden habe, die man
nicht ohne Skript hätte zugänglicher und sinnvoller lösen können,
obiges Verfahren läßt sich aber recht allgemein auf
Skriptvarianten anwenden, sogar auch auf deklarative Animation,
welche mit ganz ähnlichen Ereignissen funktioniert (bei SVG
etwa, dort aber eben noch nicht in allen browsern implementiert
ist).
Hi,
die Grafiken verändern beim click ihre Position,
weil die Schrift ihren Platz braucht. Soll es so sein ?.
Hier mal reinschauen, wurde im Forum schon mal diskutiert :
http://forum.bplaced.net/viewtopic.php?f=9&t=1915&p=48071&hilit=visibility#p48071
Mit style.visibility=“hidden” wird die Schrift transparent, die Grafiken
bleiben auf ihren Platz, mit style.visibility=“visible” wieder sichtbar.
Wenn das style.visibility=“hidden” erst mit dem onload-event gesetzt wird,
bleibt die Schrift sichtbar wenn javascript im Browser deaktiviert ist.
Pit
okay okay verstehen tu ich ja was du geschrieben hast aber einsetzen bekomme ich net hin iwie klappt es nicht wie genau muss ich es oben einsetzten?
Hi,
nur deine toggle abändern
function toggle(strID){
var myObj = document.getElementById(strID);
if(myObj.style.visibility=="hidden"){
myObj.style.visibility="visible";
}else{
myObj.style.visibility="hidden";
}
}
und das CSS entsprechend ändern oder betrifft die Frage das onload ?
Pit
Edit: Sorry, hatte oben hidden und visible vertauscht.
