Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Black6Death12" data-source="post: 899989">AW: javascript funktioniert im IE nicht[html]&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&nbsp; &nbsp; &nbsp;&nbsp; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;&lt;!--Doctype verhindert das IE in Quirks-mode geht--&gt;&lt;head&gt;&lt;style type=&quot;text/css&quot;&gt;&lt;!--#lyrik { position:absolute; top:140px; left:20px; display:none; background: #fff; }#prosa { position:absolute; top:140px; left:20px; display:block; background: #fff; }--&gt;&lt;/style&gt;&lt;script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;&gt;&lt;!--var sdiv=&#039;prosa&#039;; //Hier wird das ein- und ausblenden des Menues geregeltfunction einblenden(div)&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; var obj=document.getElementById(div);&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; var sobj=document.getElementById(sdiv);&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; sobj.style.display=&quot;none&quot;;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; obj.style.display=&quot;block&quot;;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; sdiv=div;}//--&gt;&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;div id=&quot;lyrik&quot;&gt;&lt;p&gt;Such Dir`s aus:&lt;/p&gt;&lt;br /&gt;&lt;a href=&quot;text1.html&quot; target=&quot;fensterlein&quot; title=&quot;text1&quot;&gt;lyrik1&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;text2.html&quot; target=&quot;fensterlein&quot; title=&quot;text2&quot;&gt;lyrik2&lt;/a&gt;&lt;/div&gt;&lt;div id=&quot;prosa&quot;&gt;&lt;p&gt;Such Dir`s aus:&lt;/p&gt;&lt;br /&gt;&lt;a href=&quot;text1.html&quot; target=&quot;fensterlein&quot; title=&quot;text1&quot;&gt;prosa1&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;text2.html&quot; target=&quot;fensterlein&quot; title=&quot;text2&quot;&gt;prosa2&lt;/a&gt;&lt;/div&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;1017&quot; height=&quot;619&quot; align=&quot;center&quot; style=&quot;background-color:#617282;&quot;&gt;&nbsp; &lt;tr&gt;&nbsp; &nbsp; &lt;td width=&quot;1017&quot; height=&quot;124&quot;&gt;&lt;a href=&quot;#&quot; onClick=&quot;einblenden(&#039;lyrik&#039;)&quot; class=&quot;lyrikbutton&quot; title=&quot;Lyrik&quot;&gt;q&lt;/a&gt;&lt;a href=&quot;#&quot; onClick=&quot;einblenden(&#039;prosa&#039;)&quot; class=&quot;prosabutton&quot;&nbsp; title=&quot;prosa&quot;&gt;w&lt;/a&gt;&nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;&lt;/table&gt;&lt;/body&gt;&lt;/html&gt;[/html]So Funktioniert es bei mir. Hier eine allgemeinere lösung um divs &quot;auszutauschen&quot;, dein ansatz war richtig hab ihn jetzt nur als Klasse gemacht so dass man auch mehrere von einander unabhängige tauscher einbauen kann.div_tausch.js:[PHP]function DivTausch(initDiv){&nbsp; &nbsp; this.aktDiv = initDiv;}DivTausch.prototype.tauscheDiv = function(neuesDiv){&nbsp; &nbsp; var aDiv = document.getElementById(this.aktDiv);&nbsp; &nbsp; var nDiv = document.getElementById(neuesDiv);&nbsp; &nbsp; aDiv.style.display = &quot;none&quot;;&nbsp; &nbsp; nDiv.style.display = &quot;block&quot;;&nbsp; &nbsp; this.aktDiv = neuesDiv;};[/PHP]test.html: Im Grunde dein design, nur mit ner javascriptklasse.[HTML]&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;&lt;html&gt;&nbsp; &nbsp; &lt;head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot; src=&quot;div_tausch.js&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/script&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;Nur nen test&lt;/title&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;style type=&quot;text/css&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- #lyrik {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: absolute;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top: 140px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left: 20px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: none;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #fff;&nbsp; &nbsp; &nbsp; &nbsp; } #prosa {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: absolute;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top: 140px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left: 20px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: block;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #fff;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/style&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;!--&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var tausch1 = new DivTausch(&quot;prosa&quot;);//init des tauscher( die ID übergeben die am anfang sichtbar ist)&nbsp; &nbsp; &nbsp; &nbsp; //--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/script&gt;&nbsp; &nbsp; &lt;/head&gt;&nbsp; &nbsp; &lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;lyrik&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Such Dir`s aus:&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;br/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;text1.html&quot; target=&quot;fensterlein&quot; title=&quot;text1&quot;&gt;lyrik1&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;br/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;text2.html&quot; target=&quot;fensterlein&quot; title=&quot;text2&quot;&gt;lyrik2&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;prosa&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Such Dir`s aus:&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;br/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;text1.html&quot; target=&quot;fensterlein&quot; title=&quot;text1&quot;&gt;prosa1&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;br/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;text2.html&quot; target=&quot;fensterlein&quot; title=&quot;text2&quot;&gt;prosa2&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; width=&quot;1017&quot; height=&quot;619&quot; align=&quot;center&quot; style=&quot;background-color:#617282;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td width=&quot;1017&quot; height=&quot;124&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; onClick=&quot;tausch1.tauscheDiv(&#039;lyrik&#039;)&quot; class=&quot;lyrikbutton&quot; title=&quot;Lyrik&quot;&gt;q&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot; onClick=&quot;tausch1.tauscheDiv(&#039;prosa&#039;)&quot; class=&quot;prosabutton&quot; title=&quot;prosa&quot;&gt;w&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/table&gt;&nbsp; &nbsp; &lt;/body&gt;&lt;/html&gt;[/HTML]MFG</blockquote>

[QUOTE="Black6Death12, post: 899989"] [b]AW: javascript funktioniert im IE nicht[/b] [html] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  <head> <style type="text/css">  </style> <script language="JavaScript" type="text/javascript">  </script> </head> <body> <div id="lyrik"> Such Dir`s aus: <a href="text1.html" target="fensterlein" title="text1">lyrik1</a> <a href="text2.html" target="fensterlein" title="text2">lyrik2</a> </div> <div id="prosa"> Such Dir`s aus: <a href="text1.html" target="fensterlein" title="text1">prosa1</a> <a href="text2.html" target="fensterlein" title="text2">prosa2</a> </div> <table cellspacing="0" cellpadding="0" width="1017" height="619" align="center" style="background-color:#617282;"> <tr> <td width="1017" height="124"> <a href="#" onClick="einblenden('lyrik')" class="lyrikbutton" title="Lyrik">q</a> <a href="#" onClick="einblenden('prosa')" class="prosabutton" title="prosa">w</a> </td> </tr> </table> </body> </html>[/html]So Funktioniert es bei mir. Hier eine allgemeinere lösung um divs "auszutauschen", dein ansatz war richtig hab ihn jetzt nur als Klasse gemacht so dass man auch mehrere von einander unabhängige tauscher einbauen kann. div_tausch.js: [PHP] function DivTausch(initDiv) { this.aktDiv = initDiv; } DivTausch.prototype.tauscheDiv = function(neuesDiv) { var aDiv = document.getElementById(this.aktDiv); var nDiv = document.getElementById(neuesDiv); aDiv.style.display = "none"; nDiv.style.display = "block"; this.aktDiv = neuesDiv; }; [/PHP] test.html: Im Grunde dein design, nur mit ner javascriptklasse. [HTML] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="div_tausch.js"> </script> <title>Nur nen test</title> <style type="text/css">  </style> <script type="text/javascript">  </script> </head> <body> <div id="lyrik"> Such Dir`s aus: <a href="text1.html" target="fensterlein" title="text1">lyrik1</a> <a href="text2.html" target="fensterlein" title="text2">lyrik2</a> </div> <div id="prosa"> Such Dir`s aus: <a href="text1.html" target="fensterlein" title="text1">prosa1</a> <a href="text2.html" target="fensterlein" title="text2">prosa2</a> </div> <table cellspacing="0" cellpadding="0" width="1017" height="619" align="center" style="background-color:#617282;"> <tr> <td width="1017" height="124"> <a href="#" onClick="tausch1.tauscheDiv('lyrik')" class="lyrikbutton" title="Lyrik">q</a> <a href="#" onClick="tausch1.tauscheDiv('prosa')" class="prosabutton" title="prosa">w</a> </td> </tr> </table> </body> </html> [/HTML] MFG [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?