Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

roli_nd · 18-02-2009, 16:15

Hallo zusammen
Hab ein prob mit firefox und safari...

<script type="text/javascript">
function Sichtbar(BI_D) {
document.getElementById(BI_D).style.visibility = 'visible';
}
function unsichtbar(BID) {
document.getElementById(BID).style.visibility = 'hidden';
}
</script>

Fehler: document.getElemtById(BI_D) is null

Ich übergebe beim mouseover="Sichtbar('layer1);"

Mhhmm beim IE funzt es einwandfrei

Und safari macht gar nichts, nicht mal history.back() , obschon javascript eingeschalten sind..

:: RK :: · 18-02-2009, 16:35

Funktioniert im Safari wie auch im Firefox:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
		<title>JS Test</title>
			<script type="text/javascript">
			function Sichtbar(BI_D) {
				document.getElementById(BI_D).style.visibility = 'visible';
			}
			function unsichtbar(BID) {
				document.getElementById(BID).style.visibility = 'hidden';
			}
		</script>
	</head>
	<body>
		<p onMouseOver="unsichtbar('test');">Verbergen</p>
		<p onMouseOver="Sichtbar('test');">Zeigen</p>
		<div id="test" style="display: block; height: 100px; width: 500px; background-color: #f00;">hallo welt</d>
	</body>
</html>

Zeig mal deine HTML Datei ... liegt wahrscheinlich am DOCTYPE.

Zitat:

Zitat von roli_nd

Ich übergebe beim mouseover="Sichtbar('layer1);"

Hast du das 1zu1 aus deiner HTML Datei rauskopiert? Wenn ja, dann fehlt da ein Hochkomma nach layer1

Zitat:

Zitat von roli_nd

Mhhmm beim IE funzt es einwandfrei

Und wenns nur im IE funktioniert, dann stimmt an deinem Code so einiges nicht.

roli_nd · 18-02-2009, 16:48

Mmhh das ist im Titel definiert auf der index.cfm.
poste hier mal die Aufrufdatei (gekürzt):

<cfquery datasource="#db1#" name="get_bilder">
select * from qry_bild_content
</cfquery>

<script type="text/javascript" language="javascript">

function Sichtbar(BI_D) {
document.getElementById(BI_D).style.visibility = 'visible';
document.getElementById("Layer2").style.visibility = 'hidden';
}
function unsichtbar(BID) {
document.getElementById(BID).style.visibility = 'hidden';
document.getElementById("Layer2").style.visibility = 'visible';
}
</script>

<body onLoad="MM_preloadImages('refbilder/img/test_rol.jpg','refbilder/img/leer.jpg')">
<table width="584" border="0" align="center" cellpadding="2" cellspacing="2">
<tr>
<cfoutput query="get_bilder" maxrows="3" startrow="10">
<td width="200"><a href="?navid=#B_NAVID#&contentid=#B_CONTENTID#&img =#B_IMG#&imgname=#CONTENT_TITEL#" onMouseOver="Sichtbar('layer#B_ID#);" onMouseOut="unsichtbar('layer#B_ID#');"><img src="refbilder/img/mini_#B_img#" width="188" height="140" id="Image#B_ID#99" onMouseOver="MM_swapImage('Image#B_ID#99','','refb ilder/img/#B_thumbover#',1)" onMouseOut="MM_swapImgRestore()" border="0" alt="#CONTENT_TITEL#">
</a></td>
</cfoutput>
</tr>

----- End schnipp -----

Dann die Funktion Layer dynamisch erstellen:

<cfquery datasource="#db1#" name="get_bilder">
select * from qry_bild_content
</cfquery>
<cfoutput query="get_bilder" maxrows="9" startrow="10">
<div id="Layer#B_ID#" class="infobox"><p>#Content#</p></div>
</cfoutput>

--- End Schnipp ---

:: RK :: · 18-02-2009, 17:02

dann schau doch noch mal genau hin. da fehlt ein Hochkomma (hab den wichtigen Teil ausgeschnitten)

<a href="?navid=#B_NAVID#&contentid=#B_CONTENTID#&img =#B_IMG#&imgname=#CONTENT_TITEL#"
onMouseOver="Sichtbar('layer#B_ID#-->HIER--<);" onMouseOut="unsichtbar('layer#B_ID#');">

roli_nd · 18-02-2009, 17:09

Ja, der war nu beim kopieren weg :-)

Hier nochmals der Orginal Codeschnippel

HTML-Code:

<cfquery datasource="#db1#" name="get_bilder">
select * from qry_bild_content
</cfquery>

<script type="text/javascript" language="javascript">

function Sichtbar(BI_D) {
document.getElementById(BI_D).style.visibility = 'visible';
document.getElementById("Layer2").style.visibility = 'hidden';
}
function unsichtbar(BID) {
document.getElementById(BID).style.visibility = 'hidden';
document.getElementById("Layer2").style.visibility = 'visible';
}
</script>
<body onLoad="MM_preloadImages('refbilder/img/test_rol.jpg','refbilder/img/leer.jpg')">
<table width="584"  border="0" align="center" cellpadding="2" cellspacing="2">
  <tr>
  <cfoutput query="get_bilder" maxrows="3" startrow="10">
    <td width="200"><a href="?navid=#B_NAVID#&contentid=#B_CONTENTID#&img=#B_IMG#&imgname=#CONTENT_TITEL#" onMouseOver="Sichtbar('layer#B_ID#');" onMouseOut="unsichtbar('layer#B_ID#');"><img src="refbilder/img/mini_#B_img#" width="188" height="140" id="Image#B_ID#99" onMouseOver="MM_swapImage('Image#B_ID#99','','refbilder/img/#B_thumbover#',1)" onMouseOut="MM_swapImgRestore()" border="0" alt="#CONTENT_TITEL#">
</a></td>
    </cfoutput>

:: RK :: · 18-02-2009, 17:14

Und was für einen DOCTYPE hast du drin? Der ist eigentlich einer der wichtigsten
Sachen, weil er dem Browser sagt wie der Inhalt verarbeitet werden soll. Nur legen
da die meisten keinen Wert drauf und fragen sich dann wieso es nicht funktioniert

Vielleicht ist das bei dir ja auch der Fall...

roli_nd · 18-02-2009, 17:15

Ja, hier der Doc Type aus der index Seite

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

:: RK :: · 18-02-2009, 17:27

Kann man des mal online testen oder Kannst du mal den Output im Browser
(also den generierten Quelltext) hier posten?

roli_nd · 18-02-2009, 20:03

Gerne hier (gekürzt)

HTML-Code:

<div id="Layer10" class="infobox"><p><p>Inhalt Box 1</p>
<p>Cras quis enim. Aenean ligula nulla, molestie ac, vestibulum vehicula, lacinia et, odio. Etiam sagittis porta arcu. Donec vitae ipsum. Donec id ipsum ut mauris tempor commodo. Cras pellentesque nisi bibendum metus. Nulla et lorem sit amet orci gravida varius. Vestibulum ipsum mi, adipiscing quis, dictum non, semper quis, risus. Aenean at turpis eu neque dapibus eleifend. Praesent congue neque consectetur est.</p></p></div>

<div id="Layer11" class="infobox"><p><p>box2</p></p></div>

<div id="Layer12" class="infobox"><p><p>box3</p></p></div>

<div id="Layer13" class="infobox"><p><p>box4</p></p></div>

<div id="Layer14" class="infobox"><p><p>box5</p></p></div>

<div id="Layer15" class="infobox"><p><p>box6</p></p></div>

<div id="Layer16" class="infobox"><p><p>box7</p></p></div>

<div id="Layer17" class="infobox"><p><p>box8</p></p></div>

<div id="Layer18" class="infobox"><p><p>box9</p></p></div>

				<div class="inhalt" id="Layer2">    
                   


			  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum magna at diam. Cras nec eros. Aenean consequat accumsan ipsum. Aenean cursus. Cras tortor magna, euismod a, tincidunt id, porta ut, eros. Donec imperdiet. Nullam sed eros. Sed nibh. Nam consequat auctor dui. Nunc sem nulla, aliquam vitae, condimentum lobortis, posuere vulputate, eros. Sed ut lacus. In mollis, dolor nec laoreet tempor, orci enim faucibus urna, scelerisque aliquam augue felis nec erat. Etiam sit amet dui. Pellentesque aliquam, mauris nec fermentum tincidunt, metus quam hendrerit ipsum, ut condimentum ante nisl nec urna. Aliquam non nunc quis neque lobortis tempor.</p>
<p>Cras quis enim. Aenean ligula nulla, molestie ac, vestibulum vehicula, lacinia et, odio. Etiam sagittis porta arcu. Donec vitae ipsum. Donec id ipsum ut mauris tempor commodo. Cras pellentesque nisi bibendum metus. Nulla et lorem sit amet orci gravida varius. Vestibulum ipsum mi, adipiscing quis, dictum non, semper quis, risus. Aenean at turpis eu neque dapibus eleifend. Praesent congue neque consectetur est.</p>
<p>Sed viverra tincidunt sem. Quisque lectus lacus, sagittis</p>
			   
                </div>
                </td>
                <td width="20%">&nbsp;&nbsp;&nbsp;</td>
               
               <!--Bilder zu Content-->
            
                <td width="20%" valign="top" align="right">
				

<script type="text/javascript" language="javascript">

function Sichtbar(BI_D) {
document.getElementById(BI_D).style.visibility = 'visible';
document.getElementById("Layer2").style.visibility = 'hidden';
}
function unsichtbar(BID) {
document.getElementById(BID).style.visibility = 'hidden';
document.getElementById("Layer2").style.visibility = 'visible';
}
</script>
<body onLoad="MM_preloadImages('refbilder/img/test_rol.jpg','refbilder/img/leer.jpg')">
<table width="584"  border="0" align="center" cellpadding="2" cellspacing="2">
  <tr>
  
    <td width="200"><a href="?navid=13&contentid=380&img=Otefal_31.jpg&imgname=referenz AG" onMouseOver="Sichtbar('layer10');" onMouseOut="unsichtbar('layer10');"><img src="refbilder/img/mini_Otefal_31.jpg" width="188" height="140" id="Image1099" onMouseOver="MM_swapImage('Image1099','','refbilder/img/rollover_Otefal_31.jpg',1)" onMouseOut="MM_swapImgRestore()" border="0" alt="referenz AG">
</a></td>
    
    <td width="200"><a href="?navid=13&contentid=389&img=Otefal_16.jpg&imgname=box2" onMouseOver="Sichtbar('layer11');" onMouseOut="unsichtbar('layer11');"><img src="refbilder/img/mini_Otefal_16.jpg" width="188" height="140" id="Image1199" onMouseOver="MM_swapImage('Image1199','','refbilder/img/rollover_Otefal_16.jpg',1)" onMouseOut="MM_swapImgRestore()" border="0" alt="box2">
</a></td>
    
    <td width="200"><a href="?navid=13&contentid=390&img=Marcegaglia.jpg&imgname=box3" onMouseOver="Sichtbar('layer12');" onMouseOut="unsichtbar('layer12');"><img src="refbilder/img/mini_Marcegaglia.jpg" width="188" height="140" id="Image1299" onMouseOver="MM_swapImage('Image1299','','refbilder/img/rollover_Marcegaglia.jpg',1)" onMouseOut="MM_swapImgRestore()" border="0" alt="box3">
</a></td>
    
    </tr>

roli_nd · 19-02-2009, 15:46

Na ja.. manchmal ist man(n) einfach BLIND

Gross klein Schreibweise verzeiht der Firefox und Safari gar nicht...

Danke aber für Eure Hilfe.

18-02-2009, 16:15	#1 (permalink)
roli_nd Neuer User Registriert seit: Feb 2009 Beiträge: 6	Prob mit Firefox Hallo zusammen Hab ein prob mit firefox und safari... <script type="text/javascript"> function Sichtbar(BI_D) { document.getElementById(BI_D).style.visibility = 'visible'; } function unsichtbar(BID) { document.getElementById(BID).style.visibility = 'hidden'; } </script> Fehler: document.getElemtById(BI_D) is null Ich übergebe beim mouseover="Sichtbar('layer1);" Mhhmm beim IE funzt es einwandfrei Und safari macht gar nichts, nicht mal history.back() , obschon javascript eingeschalten sind..

18-02-2009, 17:02	#4 (permalink)
:: RK :: Neuer User Registriert seit: Jan 2002 Ort: Umgebung Stuttgart Beiträge: 5.412	dann schau doch noch mal genau hin. da fehlt ein Hochkomma (hab den wichtigen Teil ausgeschnitten) <a href="?navid=#B_NAVID#&contentid=#B_CONTENTID#&img =#B_IMG#&imgname=#CONTENT_TITEL#" onMouseOver="Sichtbar('layer#B_ID#-->HIER--<);" onMouseOut="unsichtbar('layer#B_ID#');"> __________________ Das Glück im Leben hängt von den guten Gedanken ab, die man hat. Easing_Equations / Flash Kontaktformular / FlashPlugin W3C konform / Nützliche Beiträge zu FAQs Geändert von :: RK :: (18-02-2009 um 17:04 Uhr)

18-02-2009, 17:14	#6 (permalink)
:: RK :: Neuer User Registriert seit: Jan 2002 Ort: Umgebung Stuttgart Beiträge: 5.412	Und was für einen DOCTYPE hast du drin? Der ist eigentlich einer der wichtigsten Sachen, weil er dem Browser sagt wie der Inhalt verarbeitet werden soll. Nur legen da die meisten keinen Wert drauf und fragen sich dann wieso es nicht funktioniert Vielleicht ist das bei dir ja auch der Fall... __________________ Das Glück im Leben hängt von den guten Gedanken ab, die man hat. Easing_Equations / Flash Kontaktformular / FlashPlugin W3C konform / Nützliche Beiträge zu FAQs

18-02-2009, 17:15	#7 (permalink)
roli_nd Neuer User Registriert seit: Feb 2009 Beiträge: 6	Ja, hier der Doc Type aus der index Seite HTML-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

18-02-2009, 17:27	#8 (permalink)
:: RK :: Neuer User Registriert seit: Jan 2002 Ort: Umgebung Stuttgart Beiträge: 5.412	Kann man des mal online testen oder Kannst du mal den Output im Browser (also den generierten Quelltext) hier posten? __________________ Das Glück im Leben hängt von den guten Gedanken ab, die man hat. Easing_Equations / Flash Kontaktformular / FlashPlugin W3C konform / Nützliche Beiträge zu FAQs Geändert von :: RK :: (18-02-2009 um 17:32 Uhr)

18-02-2009, 16:48	#3 (permalink)
roli_nd Neuer User Registriert seit: Feb 2009 Beiträge: 6	Mmhh das ist im Titel definiert auf der index.cfm. poste hier mal die Aufrufdatei (gekürzt): <cfquery datasource="#db1#" name="get_bilder"> select * from qry_bild_content </cfquery> <script type="text/javascript" language="javascript"> function Sichtbar(BI_D) { document.getElementById(BI_D).style.visibility = 'visible'; document.getElementById("Layer2").style.visibility = 'hidden'; } function unsichtbar(BID) { document.getElementById(BID).style.visibility = 'hidden'; document.getElementById("Layer2").style.visibility = 'visible'; } </script> <body onLoad="MM_preloadImages('refbilder/img/test_rol.jpg','refbilder/img/leer.jpg')"> <table width="584" border="0" align="center" cellpadding="2" cellspacing="2"> <tr> <cfoutput query="get_bilder" maxrows="3" startrow="10"> <td width="200"><a href="?navid=#B_NAVID#&contentid=#B_CONTENTID#&img =#B_IMG#&imgname=#CONTENT_TITEL#" onMouseOver="Sichtbar('layer#B_ID#);" onMouseOut="unsichtbar('layer#B_ID#');"><img src="refbilder/img/mini_#B_img#" width="188" height="140" id="Image#B_ID#99" onMouseOver="MM_swapImage('Image#B_ID#99','','refb ilder/img/#B_thumbover#',1)" onMouseOut="MM_swapImgRestore()" border="0" alt="#CONTENT_TITEL#"> </a></td> </cfoutput> </tr> ----- End schnipp ----- Dann die Funktion Layer dynamisch erstellen: <cfquery datasource="#db1#" name="get_bilder"> select * from qry_bild_content </cfquery> <cfoutput query="get_bilder" maxrows="9" startrow="10"> <div id="Layer#B_ID#" class="infobox"><p>#Content#</p></div> </cfoutput> --- End Schnipp ---

19-02-2009, 15:46	#10 (permalink)
roli_nd Neuer User Registriert seit: Feb 2009 Beiträge: 6	Fehler gelöst Na ja.. manchmal ist man(n) einfach BLIND Gross klein Schreibweise verzeiht der Firefox und Safari gar nicht... Danke aber für Eure Hilfe.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln