[internet2]

Hallo,

dieses Script funktioniert unter IE nicht aber unter Firefox. Warum?

<script language="JavaScript">
	<!--//
	var breite = screen.width;
	if (breite==1024)
	{
	  function fenster()
	{
		button_eingabe.style.left = document.body.scrollLeft+22;
		button_eingabe.style.top  = document.body.scrollTop+289;
	}
	};
	if (breite==1280)
	{
	  function fenster()
	{
		button_eingabe.style.left = document.body.scrollLeft+0;
		button_eingabe.style.top  = document.body.scrollTop+289;
	}
	};

	// -->
	</script>

Kann mir da einer weiterhelfen?

Dieser Beitrag wurde von internet2 bearbeitet: 15. Dezember 2005 - 21:23

[phillymarx]

// Vergiss es

Dieser Beitrag wurde von phillymarx bearbeitet: 15. Dezember 2005 - 19:13

[internet2]

Was soll das denn?

[Rika]

1. Es gibt kein Language-Attribut bei Script. Aber dafür ist das type-Attribut Pflicht.
2. Die Pseudo-Kommentarklammemerung kannst du dir sparen.
3. Das Objekt heißt "Screen" und nicht "screen", und du musst auch potentiell eine SecurityException beim Zugriff auf das Feld "width" abfangen
4. Wie sieht der Rest aus? Du deklarierst eine Funktion, und die wird wo aufgerufen? Mal ganz davon abgesehen, daß ich mir nicht mal sich bin, ob späte Deklarationen überhaupt funktionieren.
5. Was soll das unnötige Semikolon?
6. Wo wird button_eingabe definiert? Irgendwo brauchst du doch ein var button_eingabe=/* Ermitteln des Elements mit DOM*/.
7. Was genau ist style.left? Das style-Attribut ist ein String! Aber sei froh, daß FF den Mist noch unterstützt.

Also mal grob korrigiert:

<script type="text/javascript">
  var button_eingabe = document.getElementById('button_eingabe');
  var breite;
  try {
	breite = screen.width;
  } catch (Exception e) {
	breite = 0;
  }
  function fenster();
  switch (breite) {
	case 1024:   fenster = new function() {
								 button_eingabe.style.left =document.body.scrollLeft+22;
	   							 button_eingabe.style.top  = document.body.scrollTop+289;
   							   }
				 break;
	case 1280:   fenster = new function() {
							 	 button_eingabe.style.left = document.body.scrollLeft+0;
 								 button_eingabe.style.top  = document.body.scrollTop+289;
							 }
  }
</script>
<form>
<input id="button_eingabe" type="button">
<a href="bla.htm" onmouseover="fenster()">
</form>

[internet2]

Vielen Dank erstmal für deine Antwort.

Der Button und wo die Funktion aufgerufen wird ist Natürlich im Quelltext weiter unten. Die Funktion lade ich per "onload" im Body Tag. Das geht ja auch. Und der Button ist auch weiter unten also das ist ja klar.

Jetzt zu den anderen sachen. Wenn ich das ohne Bedingung mache dann nimmt der Browser auch das style.left

Nur mit der Bedingung nicht.

Ich probier das mal aus und lese es mir genau durch.

[internet2]

Hallo habe es auch mal anders probiert und das funktioniert auch:

<script>
	<!--//
	var breite = screen.width;

	  function fenster()
	  {
		 if (breite == 1024)
		  {
		button_eingabe.style.left = document.body.scrollLeft+22;
			  }
	   if (breite == 1280)
		  {
		button_eingabe.style.left = document.body.scrollLeft+0;
	  }
		button_eingabe.style.top  = document.body.scrollTop+289;

	 };
	// -->
	</script>

Aber danke schön für deine schnelle Hilfe!

[britneyfreek]

ich hab keine perfekte lösung, aber es funzt unter ie nicht, weil ie scheiße ist!