• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

style wird in ff nicht angezeigt

KIUNES

KIUNES

New member
Code: 
<style type="text/css">
	#mglass {position:absolute;left:-2000;top:10;}
	#thumb {position:absolute;left:-2000;top:10;}
	#large {position:absolute;left:-2000;top:10;}
	#framegif {position:absolute;left:-2000;top:10;}

</STYLE>

Mein Problem: Ich habe auf einer Seite obigen style eingebaut, dieser code verursacht allerdings bei firefox, dass er die ganze seite nicht anzeigt. Kann mir einer helfen, das umzuschreiben, mir fällt keine andere lösung ein
 
Ich verschiebe das mal...

Kann man das Problem 'live' sehen?
(Eventuell mal px angeben)
((und STYLE klein schreiben))
 
Zuletzt bearbeitet:
Moin!

Dein Thread gehört nicht unbedingt in den Script-Check, da es nicht um Scripterei angeht. Was auffällt ist: Du vergibst keine Einheiten (z. B. px) und bei mir ist left:-2000px auf meiner Terrasse und nicht auf dem Monitor.

Etwas mehr Code könnte beim Helfen hilfreich sein (am Besten ein Link).

Ahoi - Pit

Edit: @dkdenz - na was wohl? :D
 
uhhhh, bin ich ne fritte, hatte die werte falsch von der vorherigen seite übernommen...
naja aber das war wohl nicht der fehler.
hier die seite:http://www.psp.istgenial.de
hier der code:
Code: 
<html>
<head>
<title>KIUNES</title>
<style type="text/css">
A:link {
COLOR: #606060; TEXT-DECORATION: none; FONT-STYLE: normal
}
A:visited {
COLOR: #606060; TEXT-DECORATION: none; FONT-STYLE: normal
}
A:active {
COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: bold
}
A:hover {
COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: bold
}
</style>
</head>
 <body onload="init()" bgcolor="#dcdcdc">

<style type="text/css">
	#mglass {position:absolute;left:40;top:100;}
	#thumb {position:absolute;left:10;top:100;}
	#large {position:absolute;left:120;top:10;}
	#framegif {position:absolute;left:120;top:10;}

</STYLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
var isNav, isIE
var offsetX, offsetY
var selectedObj

var enlargefactor=8						// zoomfaktor x Breite und Höhe der Zoom-Grafik

var largewidth = 600						// Original-Breite der zu zoomenden Grafik
var largeheight = 617						// Original-Höhe der zu zoomenden Grafik
var largeleft = 120						// Grafikrahmen-Entfernung von links
var largetop = 10						// Grafikrahmen-Entfernung von oben

var thumbwidth = Math.floor(largewidth/enlargefactor)
var thumbheight = Math.floor(largeheight/enlargefactor)
var thumbleft = 10						// Objekt-Grafik Entfernung von links
var thumbtop = 100						// Objekt-Grafik Entfernung von oben

var mglasswidth = 46						// zoom-Grafik Breite
var mglassheight = 46						// zoom-Grafik Höhe
var mglassleft = 40						// Lupen-Grafik Entfernung von links
var mglasstop = 200						// Lupen-Grafik Entfernung von oben

var difleft= largeleft-thumbleft
var diftop= largetop-thumbtop

var clippoints

var cliptop = (thumbheight-mglassheight)*enlargefactor
var clipbottom = cliptop+(mglassheight*enlargefactor)
var clipleft =(thumbwidth-mglasswidth)*enlargefactor
var clipright = clipleft+(mglasswidth*enlargefactor)


if (parseInt(navigator.appVersion) >= 4) {
	if (navigator.appName == "Netscape") {
		isNav = true
	} else {
		isIE = true
	}
}

function setZIndex(obj, zOrder) {
	obj.zIndex = zOrder
}

function shiftTo(obj, x, y) {
	if (isNav) {
		obj.moveTo(x,y)
	} else {
		obj.pixelLeft = x
		obj.pixelTop = y
	}
	cliptop = (y-thumbtop)*enlargefactor
	clipbottom = cliptop+(mglassheight*enlargefactor)
	clipleft = (x-thumbleft)*enlargefactor
	clipright = clipleft+(mglasswidth*enlargefactor)


	if (document.all) {
		clippoints ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		document.all.large.style.posTop=largetop-cliptop
		document.all.large.style.posLeft=largeleft-clipleft
		document.all.large.style.clip=clippoints
	}
	if (document.layers) {
		document.large.top=largetop-cliptop
		document.large.left=largeleft-clipleft
		document.large.clip.left = clipleft
		document.large.clip.right = clipright
		document.large.clip.top = cliptop
		document.large.clip.bottom = clipbottom
	}
}

function setSelectedElem(evt) {
	if (isNav) {
		var testObj
		var clickX = evt.pageX
		var clickY = evt.pageY
		for (var i = document.layers.length - 1; i >= 0; i--) {
			testObj = document.layers[i]
			if ((clickX > testObj.left) &&
				(clickX < testObj.left + testObj.clip.width) &&
				(clickY > testObj.top) &&
				(clickY < testObj.top + testObj.clip.height)) {
					selectedObj = testObj
					setZIndex(selectedObj, 100)
					return
			}
		}
	} else {
		var imgObj = window.event.srcElement
		if (imgObj.parentElement.id.indexOf("mglass") != -1) {
			selectedObj = imgObj.parentElement.style
			setZIndex(selectedObj,100)
			return
		}
	}
	selectedObj = null
	return
}

function dragIt(evt) {
	if (selectedObj) {
		if (isNav) {
	shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY))
		} else {
	shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY))
	return false
		}
	}
}

function engage(evt) {
	setSelectedElem(evt)
	if (selectedObj) {
		if (isNav) {
			offsetX = evt.pageX - selectedObj.left
			offsetY = evt.pageY - selectedObj.top
		} else {
			offsetX = window.event.offsetX
			offsetY = window.event.offsetY
		}
	}
	return false
}

function release(evt) {
	if (selectedObj) {
		setZIndex(selectedObj, 0)
		selectedObj = null
	}
}

function setNavEventCapture() {
	if (isNav) {
		document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)
	}
}

function init() {
/////////////////Netscape Navigator/////////////
	if (document.layers) {
		document.large.left=largeleft
		document.large.top=largetop

		document.framegif.left=largeleft-4		// Grafik-Entfernung von Lupengrafik
		document.framegif.top=largetop-4		// Grafik-Entfernung von Lupengrafik

		document.thumb.left=thumbleft
		document.thumb.top=thumbtop

		document.mglass.left=mglassleft
		document.mglass.top=mglasstop

		document.large.clip.left = 0
		document.large.clip.right = 0
		document.large.clip.top = 0
		document.large.clip.bottom = 0

		setNavEventCapture()
	}

//////////////Internet Explorer//////////////
	if (document.all) {
		document.all.large.style.posLeft=largeleft
		document.all.large.style.posTop=largetop

		document.all.framegif.style.posLeft=largeleft-4	// Grafik-Entfernung von Lupengrafik
		document.all.framegif.style.posTop=largetop-4	// Grafik-Entfernung von Lupengrafik

		document.all.thumb.style.posLeft=thumbleft
		document.all.thumb.style.posTop=thumbtop

		document.all.mglass.style.posLeft=mglassleft
		document.all.mglass.style.posTop=mglasstop
		document.all.large.style.clip="rect(0 0 0 0)"
	}

	document.onmousedown = engage
	document.onmousemove = dragIt
	document.onmouseup = release
}
// -->
</SCRIPT>

<DIV ID="thumb"><IMG NAME="thumbpic" SRC="konti.jpg" width=91></DIV>
<DIV ID="framegif" style="z-index:2"><table cellspacing="0" cellpadding="0"><tr><td width=400 height=238 style="border: 5 solid #606060"><br></td><td width=50 height=238 bgcolor="#dcdcdc"><br></td></tr><tr><td colspan=2 width=400 height=150 bgcolor="#dcdcdc"><br></td></tr></table></DIV>
<DIV ID="large" style="z-index:1"><IMG NAME="largepic" SRC="konti.jpg" width=600></DIV>
<DIV ID="mglass"><IMG NAME="mglasspic" SRC="mglass.gif"></DIV>
</body>
</html>

mit dem ie klappt alles wunderbar, nur firefox macht faxen....
 
Also, mein FireFox zeigt mir die Seite an.
Opera widerrum völlig anders.
Wie sollte sie denn aussehen?
 
Anzeige ist nun nicht mehr das problem, das problem ist, die Lupe sollte man bewegen können, guck dir die Seite mal mitem ie an, so sollte es aussehen, aber sie tut es nicht. Bei Netscape der gleiche scheiß
 
Moin!

Ob Fritte oder Knödel: am Besten, Du schmeißt das Script weg. Es ist für uralte Browser geschrieben (u. A. auch Netscape, aber Version 4.x) und es umzufrickeln wäre mehr Aufwand als ein Neues zu basteln. Daß moderne Browser da "Zicken machen" ist nur natürlich.

Malleus hat mal was gebastelt, das Dir helfen könnte. Ich selbst hab gerade nicht die Zeit und zum Suchen keine Lust. Kannst ja selbst mal die interne Suche bemühen...

Ahoi - Pit
 
Ja hat mein Kollege auch gesagt, nur finde ich kein vergleichbares für meinen Zweck, will ja ne große Europa-Karte zoomen, der zoom soll aber nur in nem bestimmten Fenster Angezeigt werden, so wie dieses Script das eben erfüllt, da es später nicht mehr Platz verbrauchen darf als so...daher wär es sehr hilfreich wenn das einer für mich ummodeln könnt, da ich auf script nicht so fit bin. Wär echt klasse...bitte, bitte
 
also ich muss sagen das script aufm IE zu sehen is cool =)
aber wie pit schon sagte such mal im forum ob du was ähnlcihes findest

shadow
 
Moin!
KIUNES schrieb:
Ja wie gesagt, es gibt kein vergleichbares
Zum Vergrößern anklicken....
Was es nicht gibt, kann man ja noch machen.

Hier ein Thread, wo Malleus' Script eine Rolle spielt: kuckst Du...

Da gibt es zwar (noch) keine Lupe aber eimerweise mehr Potential als in dem Script, das Du verlinkt hast.

Ahoi - Pit
 
SUPER, danke, genau das richtige klasse, ich kann nur sagen geil, ich danke euch das ihr mir geholfen habt, das Forum hier ist das geilste, und die Modaratoren der hit, danke :D
 
Hi!

Auch wenn ich mich momentan mit ihm im Krieg befinde (;)) - die Arbeit hatte Malleus. Schade, daß er heute nicht hier war.

Ahoi und völlig unfloskelhaft gemeint: frohe Feiertage. :D

Pit
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben