Wechsel zwischen zwei Ansichtsmodies

O

Ossi

Erfahrenes Mitglied
Ich möchte zwischen zwei Ansichtmodies hin und her wechseln können und habe es (da ich mit Layern nicht zurechtkomme und die vielen Beträge zum Layerthema inzwischen unübersichtlich geworden sind) mit DOM-Mitteln probieren. Irgendwie will es aber nicht laufen:

Code: 
<script language="JavaScript">
function quelltext() { 
 window.document.getElementById(wysiwyg).visibility='hidden';
	window.document.getElementById(source).visibility='visible';
}
function original() { 
	window.document.getElementById(wysiwyg).visibility='visible';
	window.document.getElementById(source).visibility='hidden';
}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<form>
  <input type=button value="wysiwyg" onClick="original()" name="button">
  <input type=button value="source" onClick="quelltext()">
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="wysiwyg" style="position:absolute; visibility:visible; width:100%; height:100%">
  <div id="source" style="position:absolute; visibility:hidden; width:100%; height:100%"><b><font size="7">Source</font></b></div>
  <div align="center"><b><font size="7">WYSIWYG</font></b></div>
</div>
</form>

Am besten wäre noch die Möglichkeit der Positionierbarkeit der Fenster und die Sache soll IE-only sein.
 
Zuletzt bearbeitet von einem Moderator:
Hallo!

Ich hab' den Code jetzt mal so geändert, dass es funktionieren sollte.
Das Problem lag hier:

Code: 
window.document.getElementById(source).visibility='hidden';


das muss nämlich so gemacht werden:

Code: 
document.getElementById("source").style.visibility='hidden';

Und dann habe ich die DIVs mal so angeordnet, wie ich meine, dass du es so einrichten wolltest.

Hier nun der ganze Code:


Code: 
<html><head>
</head>
<script type="text/javascript">
function quelltext() { 
 window.document.getElementById("wysiwyg").style.visibility='hidden';
window.document.getElementById("source").style.visibility='visible';
}
function original() { 
document.getElementById("wysiwyg").style.visibility='visible';
document.getElementById("source").style.visibility='hidden';
}
</script>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<form>
  <input type=button value="wysiwyg" onClick="original()" name="button">
  <input type=button value="source" onClick="quelltext()">
<p>_</p>
<p>_</p>
<div id="wysiwyg" style="position:absolute; visibility:visible; width:100%; height:100%">
<b><font size="7">WYSIWYG</font></b></div>
<div id="source" style="position:absolute; visibility:hidden; width:100%; height:100%"><b><font size="7">Source</font></b></div>
</form>
</body></html>

Was meintest du denn mit

Am besten wäre noch die Möglichkeit der Positionierbarkeit der Fenster und die Sache soll IE-only sein.
Zum Vergrößern anklicken....

?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück