parawaiter
Mitglied
Registriert: 20.10.2007
Beiträge: 1
|
|
Hallo,
Ich komme hier leider nicht ohne hilfe weiter .
Mein Ziel ist, die von dem Script erzeugten div Elemente durch einen klick
auf das ebenfalls erzeugte div-Element mit der ID "overlay" wieder
auszublenden.
Ist das außer durch die CSS Zuweisung "hidden" möglich, und wenn ja wie?
Würde mich sehr über Hilfe freuen
<html>
<head>
<title></title>
<meta name="author" content="Juli">
<style type="text/css">
<!--
#overlay
{
width: 100%; height: 100%; top: 0px; left: 0px;
background-color: #990000; z-index: 1; position: absolute;
}
#container
{
width: 700px; height: 500px; top: 12%;
background-color: #; margin: 0 auto; z-index: 2; position: relative;
}
#top
{
width: 700px; height: 25px; left: 0px;
background-color: #cccccc; margin: 0 auto; z-index: 3; position: relative;
}
#body
{
width: 700px; height: 450px; left: 0px;
background-color: #000000; margin: 0 auto; z-index: 3; position: relative;
}
#bottom
{
width: 700px; height: 25px; left: 0px;
background-color: #cccccc; margin: 0 auto; z-index: 3; position: relative;
}
#linkclose
{
display: block; width: 50px; height: 50px; background-color: #ffffff; position: relative; z-index: 4;
}
-->
</style>
<script type="text/javascript">
<!--
function div()
{
var objBody = document.getElementsByTagName("body").item(0);
var objOverlay = document.createElement("div");
objOverlay.setAttribute('id','overlay');
objBody.appendChild(objOverlay);
var objContainer = document.createElement("div");
objContainer.setAttribute('id','container');
objOverlay.appendChild(objContainer);
var objTop = document.createElement("div");
objTop.setAttribute('id','top');
objContainer.appendChild(objTop);
var objBody2 = document.createElement("div");
objBody2.setAttribute('id','body');
objContainer.appendChild(objBody2);
var objLinkClose = document.createElement("a");
objLinkClose.setAttribute('href','#');
objLinkClose.setAttribute('id','linkclose');
objBody2.appendChild(objLinkClose);
var objBottom = document.createElement("div");
objBottom.setAttribute('id','bottom');
objContainer.appendChild(objBottom);
}
-->
</script>
</head>
<body style="width: 100%" background="9.jpg">
<div style="z-index: 0;">
<a href="#" onclick="div()" title="">einblenden</a>
</div>
</body>
</html>
|
|
| 20.10.2007 22:01:07 |
|
a6000000
Mitglied
Registriert: 08.11.2007
Beiträge: 3
|
|
so faltet es jedenfalls (such mal nach folding, hide und in sourceforge.net)
und unter scintilla.org gibt es auch den quellcode von SCiTE editor mit SUPER folding, und das ist mein bescheidener Versuch, uebernommen aus CoMa wiki
is kein php drinn:
Code:
<?php
?><!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>fo6.php</title>
<!--script language="JavaScript" type="text/javascript" src="qfold.js"></script was here, moved to body -->
</head>
<!-- body onload="window.defaultStatus='FoldTest';"-->
<body>
<!--
.showhide
{
cursor: hand;
cursor: pointer;
}
-->
<!-- s cript language="JavaScript" type="text/javascript" src="qfold.js">< / s cript -->
<!-- oda inline -->
<script language="JavaScript" type="text/javascript">
function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;
} else {
begin += 2;
}
var end = document.cookie.indexOf(";", begin);
if (end == -1) {
end = dc.length;
}
return unescape(dc.substring(begin + prefix.length, end));
}
function changeCookie (name, action) {
var ablauf = new Date();
var einJahr = ablauf.getTime() + (365 * 24 * 60 * 60 * 1000);
ablauf.setTime(einJahr);
str = getCookie('modulestatus');
if (str) {
if (action == "delete") {
newstr = str.replace(new RegExp(name+'-', ''), '');
}
if (action == "add") {
newstr = str+name+"-";
}
document.cookie = "modulestatus="+newstr+"; expires=" + ablauf.toGMTString()+"; path = /;";
}
}
function toggle(coma) {
if (document.getElementById(coma).style.display == 'none') {
changeCookie(coma, 'delete');
document.getElementById(coma).style.display = 'block';
} else {
changeCookie(coma, 'add');
document.getElementById(coma).style.display = 'none';
}
}
</script >
<!-- oda inline -->
<!--[if gte IE 5]><![endif]-->
<span>block fold1<br />
<!-- a href="#" // nu class="showhide"
-->
<a href="#" id="886a8c33bdab875118787e214b1ae2a4title"
onclick="
toggle('886a8c33bdab875118787e214b1ae2a4');
toggle('886a8c33bdab875118787e214b1ae2a4title');
toggle('886a8c33bdab875118787e214b1ae2a4title2');
return false;
">Txt 1111 TXT 001212</a>
<a href="#"
style="display: none;" id="886a8c33bdab875118787e214b1ae2a4title2"
onclick="
toggle('886a8c33bdab875118787e214b1ae2a4');
toggle('886a8c33bdab875118787e214b1ae2a4title2');
toggle('886a8c33bdab875118787e214b1ae2a4title');
return false;
">Txt 1111 TXT 001212</a>
</span>
<span id="886a8c33bdab875118787e214b1ae2a4" style="display: none;">txt
222222222 txt 3333333333 xtx 444444444
</span>
<div>txt fold2<br />
<!-- a href="#" // nu class="showhide"
-->
<a href="#" id="9542b9546a92af1b448f9329c00c6572title"
onclick="
toggle('9542b9546a92af1b448f9329c00c6572');
toggle('9542b9546a92af1b448f9329c00c6572title');
toggle('9542b9546a92af1b448f9329c00c6572title2');
return false;
">open.. </a>
<a href="#" style="display: none;"
id="9542b9546a92af1b448f9329c00c6572title2"
onclick="
toggle('9542b9546a92af1b448f9329c00c6572');
toggle('9542b9546a92af1b448f9329c00c6572title2');
toggle('9542b9546a92af1b448f9329c00c6572title');
return false;
">..close </a>
</div>
<div id="9542b9546a92af1b448f9329c00c6572" style="display: none;">txt
555<br />
txt 666 <br />
text 444444444 <br />
txt . . . txt
</div>
<h4>end</h4>
</body>
</html>
<?php
?> |
aendern und besser machen kann man immer noch, schoen is, wenns erstmal folded
_______________________________________
Take it easy | carpe diem | Thats gooooood Live
|
|
| 08.11.2007 16:23:06 |
|
a6000000
Mitglied
Registriert: 08.11.2007
Beiträge: 3
|
|
[php]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Beispiel</title>
<script type="text/javascript">
function toggle(bild,divId){
bild.clicked=!bild.clicked;
var d=document.getElementById(divId);
bild.src=bild.clicked?'plusbutton.gif':'minusbutton.gif';
d.style.display=bild.clicked?'none':'block';
}
</script>
</head>
<body onload="toggle(document.getElementById('l1'),'box1')">
<img src="plusbutton.gif" alt="" title="hide/show" id="l1" onclick="toggle(this,'box1');" style="cursor:pointer;">
<div style="border:1px solid #000; width:50%;">
<span style="font-weight:bolder;">HEADLINE</span>
<div id="box1" style="border:0">TEST</div>
</body>
</html>
[/php]
_______________________________________
Take it easy | carpe diem | Thats gooooood Live
|
|
| 08.11.2007 16:46:18 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
