mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 09:48 Benutzername: Passwort: Auto-Login

Thema: Kleines Script... komm nicht weiter vom 18.05.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Kleines Script... komm nicht weiter
Autor Nachricht
Clay
Threadersteller

Dabei seit: 04.12.2006
Ort: München
Alter: 37
Geschlecht: Männlich
Verfasst Fr 18.05.2007 10:34
Titel

Kleines Script... komm nicht weiter

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Nimroy
Community Manager

Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 45
Geschlecht: Männlich
Verfasst Fr 18.05.2007 11:02
Titel

Antworten mit Zitat Zum Seitenanfang

Hilfreich wäre es,

1. auch zu sehen, wie das Script eingesetzt wird und
2. wie das Ergebnis ist/ Fehlermeldung etc. geliefert zu bekommen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Clay
Threadersteller

Dabei seit: 04.12.2006
Ort: München
Alter: 37
Geschlecht: Männlich
Verfasst Fr 18.05.2007 11:48
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 18.05.2007 12:27
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Fr 18.05.2007 12:30
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Clay
Threadersteller

Dabei seit: 04.12.2006
Ort: München
Alter: 37
Geschlecht: Männlich
Verfasst Fr 18.05.2007 13:43
Titel

Antworten mit Zitat Zum Seitenanfang

Vielen Dank für die Hilfe!

mit dem JS Debugger hab ich die fehler gefunden.
Die Komma waren auch falsch *zwinker* @ 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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Pixelpole

Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht: Männlich
Verfasst Fr 18.05.2007 13:45
Titel

Antworten mit Zitat Zum Seitenanfang

du hättest einfach nur style.width und style.height gebraucht. nur so zur info Ooops
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.