Javascript inline code mit CDATA in externe .js datei auslagern ?

[Dreamer]

Hallo,

diesen Code mit dem CDATA wort benutze ich :

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>

oder so extern:

<!--<script type="text/javascript" src="include.js"></script>-->

wie schreibe ich aber das ...CDATA... in obige Zeile, da ich mein js code ausgelagert haben möchte...

[webcreate]

In eine JS Datei kommt davon nix rein.
Lesestoff

[Dreamer]

In eine JS Datei kommt davon nix rein.
Lesestoff

bevor ich dieses CDATA benutzte in meiner xhtml 1.0 strict datei bekam ich script fehler im IE 6 und IE 7 und danach ging im IE 6 das submenu nicht mehr wenn ich das menu hoverte... danach wechselte ich wieder von externe .js datei zu internem javascript code innerhalb der xhtml datei mit der CDATA angabe und seither geht das menu einwandfrei ohne js fehlerscriptmeldung... Also benötige ich das CDATA nur will ich meinen Code extern habe nicht intern!

von deinem link webcreate:

...So, for example, any code you place into the external file external.js and import into an XHTML file via the src attribute of the <script> tag will be valid. Here is an example of how to import the file external.js:

wenn ich das mache ohne das CDATA sprich so war es ja vorher bekomme ich diese js script fehlermeldung...

ALSO benötige ich das CDATA auf irgendeine Art und Weise gelle?

[webcreate]

Wenn Du es wirklich so eingebunden hast

<!--<script type="text/javascript" src="include.js"></script>-->

Verwundert es mich nicht, dass es Fehler gibt.
<!-- Leitet in HTML einen Kommentar ein
--> Beendet den Kommentar

Ergo wurde das JavaScript, bzw die JS Datei überhaupt nicht geladen.

Ich kann nur sagen, CDATA braucht man nur wegen dem XHTML Parser, das hat absolut nix mit den Script an sich zu tun.

[Dreamer]

Wenn Du es wirklich so eingebunden hast

<!--<script type="text/javascript" src="include.js"></script>-->

Verwundert es mich nicht, dass es Fehler gibt.
<!-- Leitet in HTML einen Kommentar ein
--> Beendet den Kommentar

natürlich habe ich es so nicht eingebunden... denn sonst würde mein menü im FF,Opi und IE 7 nicht gehen...

Ergo wurde das JavaScript, bzw die JS Datei überhaupt nicht geladen.

siehe oben

Ich kann nur sagen, CDATA braucht man nur wegen dem XHTML Parser, das hat absolut nix mit den Script an sich zu tun.

tja wenn ich den code nicht includiere mit src= etc bekomme ich auch die script fehlermeldung des IE 6 nicht. Includiere ich den Code bekomme ich die meldung. Includiere ich den code intern mit der CDATA angabe bekomme ich die meldung nicht...

Was nun?

[webcreate]

Sinnig wäre mal das Ganze zu posten, so das man sich das mit html, js, css anschauen kann.

[rewboss]

Was für einen Skript-Fehler kam denn da?

[Dreamer]

Was für einen Skript-Fehler kam denn da?

die site ist hinter .htaxx damit sie niemand sieht daher kann ich sie auch nicht zeigen wegen content etc ;-)

alte version JS:

<script type="text/javascript" src="include.js"></script>

include.js:

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

neue version JS damit geht auch mein Submenü im IE6 wenn ich es hovere nachdem ich denk link forum angeklickt habe:

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>

CSS:

#nav img {vertical-align:bottom;}

#nav ul {
    float: left;
    width:836px;        
    background:#fff;
    font-weight: bold;	
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top:none;	   
    margin: 0px;}

#nav a {
    display: block;        
    color: #990000;        
    /*border:1px solid blue;*/
    margin:0px;
    padding:0px;}

#nav li {
    float:left;
    padding: 0px;    
    list-style:none;    
    margin:auto;}

#nav li ul {   position: absolute;
    left: -999em;    
    width: 25.4em; /*submenu width*/    
    font-weight: normal;
    border-width: 0.1em;
    margin: 0;    
    width:240px; /*Breite der untermenu liste*/
    }

#nav li ul a {width: 19.15em;
    margin-left:10px;    
    padding: 0.5em 0em 0.5em 0em; /*Abstand zwischen den Zeilen im submenu und im a link*/
}

#nav li:hover ul,
 #nav li li:hover ul,
  #nav li li li:hover ul,
   #nav li.sfhover ul,
    #nav li li.sfhover ul,
     #nav li li li.sfhover ul {
    left: auto; }

#nav li:hover, #nav li.sfhover {-moz-opacity: 60%;
    background-color:#eee;}

#content {
    clear: left;}

Html:

<?php 
ob_start();
    //error_reporting(E_ALL);
	//ini_set('display_errors', 'On'); 
    include "php/config.php"; // die Konfigurationsdateien lesen.
#	include "kontakt/index.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test site</title>
	<link rel="shortcut icon" href="gif/w3c-xhtml.gif" type="image/x-icon" />    
	<link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />		
    <script type="text/javascript" src="include.js"></script>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
</head>
<body >

<div id="main">
<?php include "php/logo.php"; ?>

<ul id="nav">
<li><a href="#"><img src="http://www.traum-projekt.com/forum/images/menu_03.jpg" alt="home" /></a></li>

<li><a href="#"><img src="http://www.traum-projekt.com/forum/images/menu_04.jpg" alt="plugins" /></a>
<ul>
<li><a href="#">AMA - MultiSlide</a></li>
<li><a href="#">AMA - 1D_Snap</a></li>
<li><a href="#">AMA - PlaceAxis</a></li>
<li><a href="#">AMA - Split Edges</a></li>			
</ul>
</li>
	
<li><a href="#"><img src="http://www.traum-projekt.com/forum/images/menu_05.jpg" alt="video training"  /></a>
<ul>
<li><a href="#">Final Render 2 - architectural interior and exterior</a></li>
<li><a href="#">Coming soon...</a></li>						
</ul>
</li>	
<li><a href="http://www.fitforworkout.de/punforum/index.php"><img src="http://www.traum-projekt.com/forum/images/menu_06.jpg" alt=""  /></a></li>
<li><a href="#"><img src="http://www.traum-projekt.com/forum/images/menu_07.jpg" alt="" /></a></li>
</ul>	
			
		<div id="menufooter"></div>
		<div id="content"><?php include "php/content.php"; ?></div>	
				
		<div id="footer">
				<span id="copyright">Copyrights 2007 .Net</span>				
				<span id="sitemap"><a href="#" >sitemap</a></span>
				<span id="xhtml"><a href="http://validator.w3.org/check?uri=referer" >xhtml</a></span>	   		
				<span id="css"><a href="http://jigsaw.w3.org/css-validator/">css</a></span>
		</div>	
			
</div>
</body> 
</html>