Ergebnis 1 bis 8 von 8
  1. #1
    Excalibur ist offline Grünschnabel
    registriert
    02-06-2004
    Beiträge
    6

    Javascript blockiert Formularfelder

    Hallo,

    ich habe folgendes Problem, ein DHTML Flapbanner blockiert mir die Formularfelder im IE, auf Netscape funktioniert es wunderbar!

    Hier der Code:

    Code:
    <html
    	<head>
    		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    		<meta name="generator" content="Adobe GoLive 5">
    		<title>Willkommen bei Adobe GoLive 5</title>
    	</head>
    
    	<body bgcolor="#ffffff">
    		<p>
    		<!--====== BANNER ======-->
    		<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
    		  <TR><TD WIDTH="468" HEIGHT="60" VALIGN="TOP">
    		  <DIV ID="ExpandableFullbanner" STYLE="position:absolute; width:468px; height:60px; z-index:500;">
    		  <!--  usemap="#ExFullBanner" -->
    		  <A HREF="http://www.stier.ch" onMouseOver="showFlap('ContentLayer1','visible'); showFlap('LayerClose','visible');" onFocus="if(this.blur)this.blur()" target=_blank><img src="http://banner.gfscom.ch/images/stiercom/Mak-Mall_01_Basler.jpg" width="468" height="60" NAME="mazda" border="0"></A>
    		<DIV ID="ContentLayer1" STYLE="position:relative; left:0px; top:-60px; width:468px; height:279px; z-index:120; visibility: hidden;">
    		
    		<!-- Tabelle über Banner -->
    		<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="468" HEIGHT="60">
    		  <!-- usemap="#ExFullBanner" -->
    		  <TR><TD WIDTH="468" HEIGHT="60"><A HREF="http://www.stier.ch" onFocus="if(this.blur)this.blur()" target=_blank><img src="http://banner.gfscom.ch/images/stiercom/Mak-Mall_01_Basler.jpg" width="468" height="60" border="0" ></A></TD>
    		  </TR>
    		</TABLE>
    		
    		<!-- ******************************** C O N T E N T ******************************** -->
    		<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="468" HEIGHT="200" BGCOLOR="#FFFFFF">
    		  <TR><TD WIDTH="2" ROWSPAN="2"></TD>
    		  </TR>
    		  <TR><TD WIDTH="444" HEIGHT="140" CLASS="contentBanner">
    		<!--  -->
    		<A HREF="http://www.stier.ch" onFocus="if(this.blur)this.blur()" target=_blank><img src="http://banner.gfscom.ch/images/stiercom/Banner_gr_01_Basler.jpg"  border=0></A>
    		<!--  -->
    		<A HREF="http://www.stier.ch" onFocus="if(this.blur)this.blur()"></A>
    		<!--  -->
    		<A HREF="JavaScript:ladeUrl(Link4)" onFocus="if(this.blur)this.blur()"></A>
    		<!--  -->
    		<A HREF="JavaScript:ladeUrl(Link5)" onFocus="if(this.blur)this.blur()"></A>
    		<!--  -->
    		<A HREF="JavaScript:ladeUrl(Link6)" onFocus="if(this.blur)this.blur()"></A>
    		<!--  -->
    		<A HREF="JavaScript:ladeUrl(Link7)" onFocus="if(this.blur)this.blur()"></A>
    		<!--  -->
    		<A HREF="JavaScript:ladeUrl(Link1)" onFocus="if(this.blur)this.blur()"></A>
    		</TD></TR>
    		</TABLE>
    		<!-- rot/Bubbles Schluss -->
    		<!-- ******************************** C O N T E N T ******************************** -->
    		</DIV>
    		<DIV ID="LayerClose" onMouseOver="showFlap('ContentLayer1','hidden');showFlap('LayerClose','hidden');" STYLE="position:relative; left:-20px; top:-360px; width:508px; height:310px; z-index:180; visibility: hidden;"></DIV>
    		</DIV>
    		<style type="text/css">
    		.contentBanner	{
    			font-family:arial, sans-serif;
    			font-size:11px;
    			color:#000000;
    			vertical-align:top;
    			z-index:170;
    		}
    		
    		.contentBanner a:link, .contentBanner a:active, .contentBanner a:visited {color:#D63B1C;text-decoration:none;}
    		.contentBanner a:hover {color:#D63B1C;text-decoration:underline;}
    		</style>
    		<SCRIPT LANGUAGE="JavaScript1.2">
    
    		//<!-- Link Definition -->
    		var Link1 = "http://www.stier.ch";
    		var Link2 = "http://www.stier.ch";
    		var Link3 = "http://www.stier.ch";
    		var Link4 = "http://www.stier.ch";
    		var Link5 = "http://www.stier.ch";
    		var Link6 = "http://www.stier.ch";
    		var Link7 = "http://www.stier.ch";
    		
    		//<!-- Browser Triage -->
    		var browser = navigator.appName.toLowerCase();
    		var wasIstEs = browser.indexOf('netscape');
    		var version = navigator.appVersion;
    		var system = navigator.platform.toLowerCase();
    		
    		//<!-- PixelKorrektur wenn IE auf PC -->
    		if ((browser.indexOf('explorer') > -1)&&(system.indexOf('win') > -1)){
    			var myElement = document.getElementById('ContentLayer1');
    			myElement.style.top = "-63px";
    		}
    
    		//<!-- lade URL -->
    		function ladeUrl(url){
    			window.open(url)
    		}
    		
    		//<!-- Show&Hide Layer -->
    		function showFlap(ebene,visi){
    		if (wasIstEs > -1 && version <= '5'){
    				}	else	{
    				var myElement = document.getElementById(ebene);
    				myElement.style.visibility = visi;
    				}
    		}
    		
    		//<!-- Preloader -->
    		var vorladen = new Array();
    		for ( i=1; i<5; i++ ){
    
    			vorladen[i] = new Image();
    		}
    		vorladen[1].src="http://banner.gfscom.ch/images/stiercom/Banner_gr_01_Basler.jpg";
    		vorladen[2].src="";
    		vorladen[3].src="";
    		vorladen[4].src="";
    		</SCRIPT>
    		  </TD>
    		  </TR>
    		</TABLE>
    		<!--====== /BANNER ======-->
    		</p><br><br><br><br>
    		<p>
    		<input type="text" name="test">
    		</p>
    	</body>
    
    </html>
    Leider habe ich keine Idee an was das dies liegt, habt Ihr eine Idee?

    Danke.

  2. #2
    Chef de Loup ist offline Eroberer
    registriert
    27-05-2004
    Ort
    Berlin
    Beiträge
    66

    AW: Javascript blockiert Formularfelder

    Was meinst du mit blockieren? Das das Banner ueber deinem Eingabefeld liegt?

    vielleicht liegt es daran:
    Code:
    //<!-- PixelKorrektur wenn IE auf PC -->
    		if ((browser.indexOf('explorer') > -1)&&(system.indexOf('win') > -1)){
    			var myElement = document.getElementById('ContentLayer1');
    			myElement.style.top = "-63px";
    		}
    Hiernach wird das Element ausserhalb des sichtbaren Bereichs gesetzt. Wieso weiss ich nicht.
    Mitglied eines uneigennuetzigen Vereins, der meint das Computer spielen die Loesung aller Probleme mit sich fuehrt

  3. #3
    Excalibur ist offline Grünschnabel
    registriert
    02-06-2004
    Beiträge
    6

    AW: Javascript blockiert Formularfelder

    Hallo Chef de Loup,

    Danke für deine Antwort, mit blockieren meine ich, dass man nicht mehr in das Textfeld schreiben kann (dies aber nur im IE). Ich denke nicht, dass es an der Browserabfrage liegt, aber ich analysiere das mal.

  4. #4
    Chef de Loup ist offline Eroberer
    registriert
    27-05-2004
    Ort
    Berlin
    Beiträge
    66

    AW: Javascript blockiert Formularfelder

    Nach ausprobieren des Scripts ist mir folgendes aufgefallen: Wenn du mit der Maus ueber den oberen Rand des Eingabefeldes gehst dann hast du ploetzlich den Font-Cursor und durch Klick ist das Ding auch aktiviert. Jetzt muss ich nur noch herausfinden wieso es nur an dieser Linie geht

    Nachtrag: So also setz mal einfach den z-index auf 0 und dann schau mal ob es besser ist

    Nochmal Nachtrag: Wenn das Eingabefeld jetzt noch zu sehen ist bei offenem Banner dann nimm ueberall wenn moeglich das z-index raus.
    Geändert von Chef de Loup (02-06-2004 um 13:19 Uhr)
    Mitglied eines uneigennuetzigen Vereins, der meint das Computer spielen die Loesung aller Probleme mit sich fuehrt

  5. #5
    Excalibur ist offline Grünschnabel
    registriert
    02-06-2004
    Beiträge
    6

    AW: Javascript blockiert Formularfelder

    Na danke vielmals, ich mache jetzt Mittag und probiere es gleich am Nachmittag aus!

    Gruss Excalibur

  6. #6
    Excalibur ist offline Grünschnabel
    registriert
    02-06-2004
    Beiträge
    6

    AW: Javascript blockiert Formularfelder

    Hi Chef de Loup,

    z-index funzt ned, kann Textfeld nur auf oberer Linie aktivieren......

  7. #7
    Chef de Loup ist offline Eroberer
    registriert
    27-05-2004
    Ort
    Berlin
    Beiträge
    66

    AW: Javascript blockiert Formularfelder

    Hast du ueberall z-index aus der HTML-Definition rausgenommen? Nicht im script sondern im HTML-Code pls!
    Mitglied eines uneigennuetzigen Vereins, der meint das Computer spielen die Loesung aller Probleme mit sich fuehrt

  8. #8
    Excalibur ist offline Grünschnabel
    registriert
    02-06-2004
    Beiträge
    6

    AW: Javascript blockiert Formularfelder

    Jepp, hab ich ...

    Suche aber den Code nochmals durch...

    Nachtrag: definitiv habe ich alle z-index aus dem HTML-Code drausen..

    Nochmals Nachtrag: Ich musste um das Textfeld einen Layer machen, dann hat es gefunzt.... Also:
    Code:
    <div style="position:asolute;"><input type="text></div>
    , aber danke für deine Bemühungen!
    Geändert von Excalibur (02-06-2004 um 16:01 Uhr)

Ähnliche Themen

  1. Was ist JavaScript?
    Von .holger im Forum JavaScript-FAQ
    Antworten: 4
    Letzter Beitrag: 27-11-2006, 11:00
  2. JavaScript -> Formularauswertung
    Von Jobe im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 26-05-2004, 15:12
  3. Attribut in XSL-Tag mittels JavaScript ändern???
    Von Phelagor im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 01-09-2003, 03:01
  4. window.popup aus flash
    Von antiheld2000 im Forum Flash
    Antworten: 6
    Letzter Beitrag: 18-07-2003, 15:26
  5. Kann man ein JavaScript in einem JavaScript öffnen?
    Von angelface im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 06-03-2002, 17:50

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •