Salve a tutti,
Vorrei rendere compatibile con netscape 7 per mac il seguente text editor preso dai tutorial di html.it. E' possibile?
posto il codice
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Un editor Visuale: Esempio 7, Pulizia del codice</title>
<script type="text/javascript" language="javascript">
function load(){
AttivaFrame("editArea").designMode = "On";
AttivaFrame("editArea").body.innerHTML = "Scrivi qui il testo";
}
function AttivaFrame(iFrameID){
if (document.getElementById(iFrameID).contentDocument ){
//Mozilla
return document.getElementById(iFrameID).contentDocument;
} else {
//Internet Explorer
return document.frames[iFrameID].document;
}
}
function applicaComando(cmdStr,valCmdStr){
AttivaFrame("editArea").execCommand(cmdStr,false,v alCmdStr);
}
function aggiungiLink(){
var linkURL = prompt("Inserisci il link da aggiungere:", "");
AttivaFrame("editArea").execCommand("createLink", false, linkURL);
}
function vediCodice(){
var contenuto = AttivaFrame("editArea").body.innerHTML;
document.getElementById("codice").innerHTML = contenuto.replace(/</g,"<");
}
function pulisciCodice(){
var contenuto = AttivaFrame("editArea").body.innerHTML;
contenuto = contenuto.replace(/<\/font\>/gi,"</span>");
contenuto = contenuto.replace(/(<font )(color)(=)(#?([A-Fa-f0-9]){3}(([A-Fa-f0-9]){3})?)/gi,"<span style=\"$2:$4;\""); //internet explorer
contenuto = contenuto.replace(/(<font )(color)(=\")(#?([A-Fa-f0-9]){3}(([A-Fa-f0-9]){3})?)(\")/gi,"<span style=\"$2:$4;\""); //opera
document.getElementById("codicePulito").innerHTML = contenuto.replace(/</g,"<");
}
</script>
<style type="text/css">
<!--
body {
background-color: #CCCCCC;
}
-->
</style>
</head>
<body onLoad="load()" >
Generalizzare i comandi semplici</p>
<iframe src="" id="editArea" width="50%"></iframe>
<input type="button" value="applica corsivo" onClick="applicaComando('italic')"/>
<input type="button" value="applica grassetto" onClick="applicaComando('bold')"/>
<input type="button" value="applica sottolineato" onClick="applicaComando('underline')"/>
<hr/>
<input type="button" onClick="pulisciCodice()" value="visualizza codice"/>
<div id="codice"></div>
<hr/>
<div id="codicePulito"></div>
</body>
</html>