Autor |
Nachricht |
Clay
Threadersteller
Dabei seit: 04.12.2006
Ort: München
Alter: 37
Geschlecht:
|
Verfasst Fr 18.05.2007 10:34
Titel Kleines Script... komm nicht weiter |
|
|
Hallo zusammen,
ich habe gestern an einem Script gebastelt das einen div immer im verhältnis zu einem anderen div positionieren soll.
damit möchte ich eine sprechblase bei jedem bild auf klick erscheinen lassen.
eigentlich doch recht simpel dachte ich... naja irgenwie bleib ich hängen (newbee in js).
hier das script:
Code: |
<script language="javascript">
var clicked;
function zoompix(divName, imgObj,) {
var zoomed = document.getElementById('zoomed');
var unzoomed = document.getElementById('unzoomed');
var unzoomedw=document.getElementById('unzoomed').width
var unzoomedh=document.getElementById('unzoomed').height
var zoomedw=document.getElementById('zoomed').width
var zoomedh=document.getElementById('zoomed').height
var unzoomedpositionTop=document.getElementById('unzoomed').offsetTop
var unzoomedpositionLeft=document.getElementById('unzoomed').offsetLeft
var zoompositionl= unzoomedw + unzoomedpositionLeft
var zoompositionh= unzoomedh + unzoomedpositionTop
if (clicked==1) {
zoomed.style.left = zoompositionl + "px";
zoomed.style.top = zoompositionh + "px";
zoomed.style.visibility = 'visible';
clicked=0;
} else {
zoomed.style.left = zoompositionl + "px";
zoomed.style.top = zoompositionh + "px";
zoomed.style.visibility = 'hidden';
clicked=1;
}
}
</script>
<div style="position:absolute" id="unzoomed" onclick="zoompix()" >
<img src="gfx/originalbild" width="320" height="240" />
</div>
<div id="zoomed"; style="visibility:hidden; position:absolute">
<img src="gfx/sprechblasenbild.gif" width="64" height="64" /></p>
</div> |
Danke für die Hilfe im Voraus.
LG, Morris
|
|
|
|
|
Nimroy
Community Manager
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 45
Geschlecht:
|
Verfasst Fr 18.05.2007 11:02
Titel
|
|
|
Hilfreich wäre es,
1. auch zu sehen, wie das Script eingesetzt wird und
2. wie das Ergebnis ist/ Fehlermeldung etc. geliefert zu bekommen.
|
|
|
|
|
Anzeige
|
|
|
Clay
Threadersteller
Dabei seit: 04.12.2006
Ort: München
Alter: 37
Geschlecht:
|
Verfasst Fr 18.05.2007 11:48
Titel
|
|
|
Zeile 32
Zeichen 2
Ungültiges Argument
} else {
zoomed.style.left = zoompositionl + "px"; <- Zeile 32
zoomed.style.top = zoompositionh + "px";
zoomed.style.visibility = 'hidden';
clicked=1;
}
der oben gepostete code ist auch alles was im html dokumet drin ist.
LG, Clay
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 18.05.2007 12:27
Titel
|
|
|
Beim so mal drüberschauen sind mir gerade
diese beiden Sachen aufgefallen:
function zoompix(divName, imgObj,) {
// Komma zuviel, außerdem werden der Funktion unten gar keine Werte mitgegeben?
<div id="zoomed"; style="visibility:hidden; position:absolute">
// Das ; gehört da wohl nich rein.
Vielleicht wars das ja schon.
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Fr 18.05.2007 12:30
Titel
|
|
|
Welchen Browser setzt du ein?
Wenn du einen Firefox hast, dann teste mal mit der "Fehler-Konsole" (im Menü "Extras") oder besser:
Besorg dir das Addon "JavaScript Debugger".
IMHO ist das für die JS-Entwicklung unverzichtbar. Fehler lassen sich damit ruckzuck aufspüren.
Man kann sich auch ständig Inhalte von Variablen anzeigen lassen, das Script im Lauf stoppen und andere praktische Dinge.
|
|
|
|
|
Clay
Threadersteller
Dabei seit: 04.12.2006
Ort: München
Alter: 37
Geschlecht:
|
Verfasst Fr 18.05.2007 13:43
Titel
|
|
|
Vielen Dank für die Hilfe!
mit dem JS Debugger hab ich die fehler gefunden.
Die Komma waren auch falsch @ Raumwurm
Die getElementById().width und getElementById().height befehle haben undefined werte ausgegeben.
ich habs jetzt mit offsetWidth ud offsteHeight gelöst.
Vielen Dank für die Hilfe nochmal!
Lg, Clay
|
|
|
|
|
Pixelpole
Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht:
|
Verfasst Fr 18.05.2007 13:45
Titel
|
|
|
du hättest einfach nur style.width und style.height gebraucht. nur so zur info
|
|
|
|
|
|
|
|
Ähnliche Themen |
Kleines Java-Script für Acrobat Formular
PHP: komm mir vor wie nen Newbie...
wie komm ich an eingebettetes wmf?
komm nicht auf ftp-server
[Shockwave] Ich komm nicht weiter
TypoLight - Komm nicht in Admin-Bereich
|
|