/Javascript warum verschwindet mein <DIV> nicht??
TOM
- css
Hallo! ich habe problem: folgender Quelltext:
im head:
function Object2(Name){
alert(document.getElementById(Name).style.display);
document.getElementById(Name).style.display = "none";
alert(document.getElementById(Name).style.display);
}
im body:
<a href="Javascript:Object2('edit');">
<img src="../../gif/ocd_pagedown.gif" border="0">
" Entwicklung</a>
<br><div name="edit" id="edit" style="border:1px; solid black; margin:0px; width:620px; height:120px;">
Hier sollte der Code stehen....
</div>
(sorry für die " denkt euch einfach nur " -> stammt aus PHP)
Ja und jetzt sollte der DIV auch verschwinden...
Andere Beispiele im Dokument tun das auch - aber der nicht ... jedenfalls nicht im Explorer (im Mozilla gehts)
danke für eure erneute Hilfe :-)
MfG TOM
Hallo,
versuch mal, in den style des zu verschwindenden divs zunächst explizit dessen Sichtbarkeit anzugeben, also mit display:block
ich hatte mal ein ähnliches Problem, das danach behoben war.
Viele Grüße,
Jürgen
Hi!
danke aber das hab ich schon probiert...
MfG TOM
komisch ...
also, neuer Versuch.
wie wärs mit onclick="document.getElementById('edit').style.display = 'none';"
in den a-tag oder auch ins img.
Das klappt auf jeden Fall im ie6, so mach ich das nämlich gerade auf diesem.
Jürgen
löl ich glaub ich bin blöde.. geht auch net... abgesehen davon macht das ja meine Funktion eh schon...
*:'-???*
Hey !
interessant is ja vielleicht noch, dass wenn ich mit alert den status ausgebe er 'none' ausgibt, er das Ding aber trotzdem anzeigt - löl
MfG TOM
geht auch nicht? Aber JavaScript hast Du schon aktiviert, oder?
Also bei mir funktioniert folgendes klaglos auf ie5+6, Netscape6.2 und Mozilla:
<td onmouseover="document.getElementById('sub1').style.display='block'" onmouseout="document.getElementById('sub1').style.display='none'">
...
<div id="sub1">...</div>
Wie man unschwer erkennen kann auch in php eingebettet.
Jürgen
Hi
naja wie gesagt - irgendwie geht's doch weil wenn man mit JavaScript abfragt gibt er ja den gewünschten Wert zurück - aber es zieht im Dokument halt keine Änderung mit sich...
..komisch...
und das NUR im IE
MfG TOM
Also folgende eben aus Deinem Code schnell zusammengeschnippelte Seite tuts in meinem ie6:
<html>
<head>
<script type="text/javascript">
function Object2(Name){
alert(document.getElementById(Name).style.display);
document.getElementById(Name).style.display = "none";
alert(document.getElementById(Name).style.display);
}
</script>
</head>
<body>
<a href="Javascript:Object2('edit');">
test</a>
<br><div name="edit" id="edit" style="border:1px; solid black; margin:0px; width:620px; height:120px;">
Hier sollte der Code stehen....
</div>
</body>
</html>
Wenn das bei Dir nicht geht, dann tret ein bißchen Deinen Browser oder so.
Vielleicht liegts aber auch an was ganz anderem: ich habe aus Deinem Code ein mir nicht erklärliches " vor Entwicklung rausgeschmissen. Vielleicht wars ja das.
Viel Erfolg,
Jürgen
nö das hab ich noch von PHP stehen gehabt.. aber du hast recht, das muss was anderes sein, weil das geht ...
mhh... *suchenislangweilig* g
aber thx! TOM
mhh... *suchenislangweilig* g
so isses, aber ich hab jetzt feierabend.
viel spaß noch.
jürgen
Hallo TOM
<!--gedanke type="frage" style=":)" value="TOM=T-Online Messenger?"-->
Du solltest vielleicht mal den gesamten Quelltext zur Verfügung stellen. Wenn das zusammengeschrumpfte Beispiel geht, es auf deiner Seite aber zu Fehlern kommt, dann nützt es sicherlich, die gesamte Seite mal zu verlinken oder zu posten. Dann könnten wir auch sagen, was bei uns passiert, bzw durchschauen ob es eine Erklärung gibt.
cu.Lukas
Hi - dein Wunsch sei mir Befehl:
(vergesst mal das Layout - bis jetzt nur Test)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Siemens ExpertGUI</TITLE>
<STYLE TYPE="text/css">
<!--
body { background-color:#FFFFFF; }
table { margin:0px; }
-->
</STYLE>
<SCRIPT TYPE="text/javascript">
<!--
function selectkks(){
document.status='blablabla';
}
function Object(Name){
if(document.getElementById){
if(document.getElementById(Name).style.display != "none")
DelObject(Name);
else ShowObject(Name);
}
else if(document.all && !document.getElementById){
if(document.all[Name].style.display == "block")
DelObject(Name);
else ShowObject(Name,Text);
}
}
function ShowObject(Name){
if (document.all && !document.getElementById) {
document.all[Name].style.display = "block";
}
else if (document.getElementById){
document.getElementById(Name).style.display = "block";
}
}
function DelObject(Name){
if (document.all && !document.getElementById)
document.all[Name].style.display = "none";
else if (document.getElementById)
document.getElementById(Name).style.display = "none";
}
function init(){
Object('kw_s');
Object('kks_s');
}
function Object2(Name){
alert(document.getElementById(Name).style.display);
document.getElementById(Name).style.display = "none";
alert(document.getElementById(Name).style.display);
}
//-->
</SCRIPT>
<meta name="description" content="ExpertGui">
<meta name="date" content="2002-07-09T05:29:31+00:00">
<meta name="author" content="Thomas Kagerer W711">
<meta name="keywords" content="PG, Power Generation, KWU, Kraftwerksunion, MathML, Editor, Entwicklungsumgebung, Formeln">
<meta name="robots" content="index">
<meta name="robots" content="nofollow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="styles.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY onload="JavaScript:init();">
<CENTER>
<FORM NAME = "form" action="get">
<table class="border_style" border="1" style="width:100%; height:100%;">
<input type="hidden" name="putin" value="0">
<input type="hidden" name="edit" value="1">
<tr valign="top" align="left">
<td class="table_style"
<div align="center"><input type="button" class="button1" value="Kraftwerk wählen" onclick="Javascript:Object('kw_s');"></div><div name="kw_s" id="kw_s" align="center" style="display:block"><select name="kw" id="kw" class="select_style" onchange="JavaScript:document.form.submit();">
<option value="arzew" >ALG293 / Arzew</option>
<option value="index" >ZEN000 / Telemonitoring</option></select></div>
<div align="center"><input type="button" class="button1" value="KKS auswählen" onclick="Javascript:Object('kks_s');"></div><div name="kks_s" id="kks_s" align="center" style="display:block"><select name="kks" id="kks" class="select_style" onchange="JavaScript:selectkks();">
<option value="9364">30MBD11CT101B</option><option value="9365">30MBD11CT101C</option><option value="9366">30MBD11CT102A</option><option value="9367">30MBD11CT102B</option><option value="9368">30MBD11CT102C</option><option value="9369">30MBD12CT101A</option><option value="9370">30MBD12CT101B</option><option value="9371">30MBD12CT101C</option><option value="9372">30MBD12CT102A</option><option value="9373">30MBD12CT102B</option><option value="9374">30MBD12CT103A</option><option value="9375">30MBD12CT103B</option><option value="9376">30MBD12CT104A</option><option value="9377">30MBD12CT104B</option><option value="9378">30MBD12CT105A</option><option value="9379">30MBD12CT105B</option><option value="9380">30MKD11CT014B</option><option value="9381">30MKD11CT014C</option><option value="9382">30MKD12CT014A</option><option value="9383">30MKD12CT014B</option><option value="9384">30MKD12CT014C</option><option value="9385">30MAV42CP011</option><option value="9386">30MAV42CT001</option><option value="9390">30MKC35CE001</option><option value="9391">30PKLGTPROZ</option><option value="9392">30BRSTVORW</option><option value="9393">30GTSOLO</option><option value="9394">30ANTI.ICE</option><option value="9395">30NDA20CQ</option><option value="9397">30MBY10FT010</option></select></div> </td
><td align="center" valign="middle" class="table_style"
><table cellspacing="0" cellpadding="0"
border="0"><tr
><td align="left" valign="top" colspan="3"
><img src="../../gif/ocd_lightblue.gif" width="700" height="15" alt=""></td
></tr
><tr
><td align="left" valign="top"
><img name="close1" id="close1" src="../../gif/ocd_lightblue.gif"
border="0" width="15" height="500" alt=""></td
><td align="center" valign="top">
<a href="Javascript:Object2('edit');"><img src="../../gif/ocd_pagedown.gif" border="0" alt=""> Entwicklung</a><br><div name="edit" id="edit" style="display:block; border:1px solid black; margin:0px; width:620px; height:120px;">Hier sollte der Code stehen....</div><br><br><div name="source" id="source"><textarea name="source_txt" cols="75" rows="8">Hier steht der Source-Code zum editieren</textarea></div><br><br><div name="mathml" id="mathml"><textarea name="source_txt" cols="75" rows="8">Hier steht der MathML-Source-Code zum editieren</textarea></div> </td
><td align="right" valign="top"
><img name="close2" id="close2" src="../../gif/ocd_lightblue.gif"
border="0" width="15" height="500" alt=""></td
></tr
><tr
><td align="left" valign="top" colspan="3"
><img src="../../gif/ocd_lightblue.gif" width="700" height="15" alt=""></td
></tr
></table
></td
</tr
</table
</FORM
</CENTER
</BODY
</HTML>
MfG TOM
P.S.: ich weiß center dürfte man nicht mehr....
Hi,
ie: document.all["Layer"]
ns: document.layers["Layer"]
dom: document.getElementById("Layer")
Hallo! ich habe problem: folgender Quelltext:
im head:
function Object2(Name){
alert(document.getElementById(Name).style.display);
document.getElementById(Name).style.display = "none";
alert(document.getElementById(Name).style.display);
}
im body:
<a href="Javascript:Object2('edit');">
<img src="../../gif/ocd_pagedown.gif" border="0">
" Entwicklung</a>
<br><div name="edit" id="edit" style="border:1px; solid black; margin:0px; width:620px; height:120px;">
Hier sollte der Code stehen....
</div>
(sorry für die " denkt euch einfach nur " -> stammt aus PHP)
Ja und jetzt sollte der DIV auch verschwinden...
Andere Beispiele im Dokument tun das auch - aber der nicht ... jedenfalls nicht im Explorer (im Mozilla gehts)
danke für eure erneute Hilfe :-)
MfG TOM
Hi,
Servus
ie: document.all["Layer"]
ns: document.layers["Layer"]
dom: document.getElementById("Layer")
Ja mag schon sein, das unterstütz die Funktion 'Object' ja auch
aber da ich das jetzt am IE6 Teste (dom) hab ich mal für die Test-Funktion 'Object2' nur das getElementById genommen...
MfG TOM
Hallo! ich habe problem: folgender Quelltext:
<br><div name="edit" id="edit" style="border:1px; solid black; margin:0px; width:620px; height:120px;">
Vielleicht liegt es ja am Müll im style-Attribut:
solid black ist keine CSS-Property.
Das soll wohl noch zu border gehören, tut es aber wegen des Semikolons nicht...
Andreas