RsD
hi
ich suche ein javascript.
Das Javascript sollte sich öffnene sobald man mit der maus über einen bestimmten text geht, weiterhin sollte sich das Fenster erst dann wieder schließen sobald man auf "close" geklickt hat.
Zu guter letz sollten im Javascript links sein die man anklicken kann.
ich hoffe ihr wisst was ich meine und könnt mir so weiterhelfen.
mfg
Lukas
ThiefMaster
Schließen:
| code: |
1:
|
<a href="javascript:window.close();">[dieses fenster zumachen]</a> |
|
Öffnen:
| code: |
1:
|
javascript:window.open("url","name","parameter"); |
|
RsD
erstmal thx
allerdings öffnet sich das script an dem ich momentan rumbastle in einen neuen browser fenster, das soll allerdings nicht sein
es sollte so ähnlich wie bei mywbb sein
Chris Hunter
ich glaub das wird mit layers gemacht, musste mal schauen...
was hast du gegen zusätzliche fenster?!?
RsD
| Zitat: |
Original von Chris Hunter
ich glaub das wird mit layers gemacht, musste mal schauen...
was hast du gegen zusätzliche fenster?!? |
nix....aber die passn net so recht ins design
daHooligan
häääääääääääääää???
schick mal nen link, wo das so ist, wie du das meinst, ich versteh net so ganz, was du meinst..
Chris Hunter
das kannst du hier im forum sehen, wenn du im profil eingestellt hast das das popup kommt, wenn du ne pm bekommen hast. dann wird hier auf der seite oben ein layer eingeblendet wo man direkt zu den pn's kommt...
Chris Hunter
@ RsD: hastes eigentlich hinbekommen mit dem tip den ich dir über ICQ gegeben habe?
RsD
| Zitat: |
Original von Chris Hunter
@ RsD: hastes eigentlich hinbekommen mit dem tip den ich dir über ICQ gegeben habe? |
nein.
leider nicht da sich bei den code den du mir geben hast das fenster in so nen scheiß browser-fenster öffnet und nicht so wie bei mywbb
Chris Hunter
neee ich meinte das ausm selfhtml:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
|
<html>
<head>
<title></title>
</head>
<body>
<script language="JavaScript">
function show()
{
document.all.div1.style.setAttribute("top","50px","false");
document.all.div1.style.setAttribute("left","30px","false");
}
function hide()
{
document.all.div1.style.setAttribute("top","-500px","false");
document.all.div1.style.setAttribute("left","-500px","false");
}
</script>
<div id="div1" style="position:absolute; top:-500px; left:-500px;
width:300px; height:50px; background-color:#303030; color:#006600;
font-family:Arial; font-size:9pt; font-weight:bold; padding:10px;">
Informationen für das popup
</div>
<a href="#" onmouseover="javascript:show()" onmouseout="javascript:hide()">link</a>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
</body>
</html>
|
|
RsD
genau so sollte des popup fenster ausschaun jedoch sollte des fenster dann auch offen bleiben und nicht zugehen sobald man mit der maus wieder weg vom link ist.
Chris Hunter
ok, dann mach so:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
|
<html>
<head>
<title></title>
</head>
<body>
<script language="JavaScript">
function show()
{
document.all.div1.style.setAttribute("top","50px","false");
document.all.div1.style.setAttribute("left","30px","false");
}
function hide()
{
document.all.div1.style.setAttribute("top","-500px","false");
document.all.div1.style.setAttribute("left","-500px","false");
}
</script>
<div id="div1" style="position:absolute; top:-500px; left:-500px;
width:300px; height:50px; background-color:#BBBBBB; color:#006600;
font-family:Arial; font-size:9pt; font-weight:bold; padding:10px;">
Informationen für das popup
<a href="#" onclick="javascript:hide()" >schließen</a>
</div>
<a href="#" onclick="javascript:show()" >link</a>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
</body>
</html>
|
|
RsD
joo
geil
erstmal fetten dank aber eine frage hätte ich noch:
kann man festlegen auf welche position des javascript fenster sich öffnen soll?
also praktisch so wie bei mywbb das es sioch z.b. in der thread ansicht öffnet und nicht einfach mitten im browser.
daHooligan
die position kannst du mit den parametern in der funktion "show" beeinflussen
hier öffnet sich das Fenster 50 px vom oberen Rand der Seite und 30px rechts vom linken Rand der Seite.
| code: |
1:
2:
3:
4:
5:
6:
7:
|
function show()
{
document.all.div1.style.setAttribute("top","50px","false");
document.all.div1.style.setAttribute("left","30px","false");
}
|
|
Wenn du beides auf "0" setzt erscheint das Fenster ganz oben links.
Du musst die Position aber nicht in pt angeben sondern kannst es auch relativ angeben:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
|
<html>
<head>
<title></title>
</head>
<body>
<script language="JavaScript">
function show()
{
document.all.div1.style.setAttribute("top","10%","false");
document.all.div1.style.setAttribute("left","20%","false");
}
function hide()
{
document.all.div1.style.setAttribute("top","-500px","false");
document.all.div1.style.setAttribute("left","-500px","false");
}
</script>
<div id="div1" style="position:absolute; top:-500px; left:-500px;
width:300px; height:50px; background-color:#BBBBBB; color:#006600;
font-family:Arial; font-size:9pt; font-weight:bold; padding:10px;">
Informationen für das popup
<a href="#" onclick="javascript:hide()" >schließen</a>
</div>
<br><br><br><br><br><br><br><br><br><br>
<a href="#" onclick="javascript:show()" >link</a>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
Nicht colorierter Text<BR>
</body>
</html>
|
|
Hier öffnet sich das kleine Fenster 10% von der Anzeigehöhe vom oberen Rand und 20% der Anzeigebreite vom linken Rand entfernt.
Das ganze geht aber meinen Versuchen zufolge nicht über mehrere frames verteilt...
Bei
| code: |
1:
2:
3:
4:
5:
6:
7:
|
function hide()
{
document.all.div1.style.setAttribute("top","-500px","false");
document.all.div1.style.setAttribute("left","-500px","false");
}
|
|
kannst du noch eingeben, wo das Fenster erscheint, wenn man auf den "schließen"-Link drückt. Hier ist es wohl nur versteckt.
Chris Hunter
du kannst die funktion show auch so machen:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
|
function show()
{
xpos = window.event.x+10;
ypos = window.event.y;
document.all.div1.style.setAttribute("top",ypos+"px","false");
document.all.div1.style.setAttribute("left",xpos+"px","false");
}
|
|
dann wird das popup unterhalb des links leicht rechts versetzt eingeblendet...
daHooligan
aber eine frage noch, bin nämlich nicht so ein großer Scripter...
kann man das evtl auch als mouseover machen???
Chris Hunter
hey, ich bin auch kein großer scripter. eigentlich garnicht, trotzem bekomm ichs hin. dank self html..
ne version mit mouseover und mouseout steht ganz oben...
daHooligan
aaaaahhhhhhhhhhhhhh....
sorry, habs net so genau durchgelesen, ist aber auch irgendwie logisch...
Chris Hunter
jo. nihct so schlimm. wenn du stirbst kannste ja petrus fragen, ob er dich trotzdem reinlässt.
denke alle fragen sind nun geklärt, oder?