Layer integrieren - aber wie ??? - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Layer integrieren - aber wie ???

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Layer integrieren - aber wie ???

Pages: [1]

geschrieben von Cluster am 25.02.2004 - 14:38

Hallöchen, Ihr Spezies!

Ich bin richtig froh, dass ein solches Forum wie dieses hier existiert, ansonsten würde ich mir sicherlich die Haare raufen und schon am Stock gehen.

Folgendes Problem: bisher habe ich die folgenden Zeilen in einem Popup. Das finde ich aber nicht so toll, weil ja der Besucher nicht gleich mit einer Bewertung der Seite konfrontiert werden muss. Allerdings habe ich es bisher auf diesem Wege gemacht, also mittels Popup.

Hier nun meine Frage:

Kann ich den folgenden Code komplett in ein Layer packen, den der User dann nach Klick auf einen Link öffnen kann, seine Bewertung abgibt und dann wiederum mittels Mausklick innerhalb des Layers diesen wieder schließen kann.

HTML-Quelltext

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:

<form action="http://www.nic.de.vu.nnuu.net/r/" method="POST" name="rateit" target="_blank">
 <input type="hidden" name="D" value="die-blaschkes.de.vu"><input type="hidden" name="LANG" value="DE">
<table border="0" cellpadding="3" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
   <td bgcolor="#000000" colspan="2" align="center">
<b><font face="Arial" size="2" color="#FFFFFF"> Bewerten Sie bitte diese Seite!</font></b></td>
  </tr>
  <tr>
   <td nowrap align="right">
   <b><font face="Arial" size="2">Punkte:</font></b>&nbsp;&nbsp;</td>
   <td nowrap align="left" <font face="Arial" size="2"> <select name="note" size="1">
  <option value="1">1
  <option value="2">2
  <option value="3">3
  <option value="4">4
  <option value="5">5
  <option value="6">6
  <option value="7">7
  <option value="8">8
  <option value="9">9
  <option value="10">10
 </select>&nbsp;&nbsp;<input type="submit" value="OK">
</td>
  </tr>
  </form>
  <tr>
<td colspan="2" align="center">
<img src="../pics/hand_right.gif">&nbsp;
<a href="http://www.nic.de.vu.nnuu.net/c/?D=die-blaschkes.de.vu" target="_blank">
<img border="0" src="http://imgdata.net/www.nic.de.vu/w100x30_a.gif" alt="de|nic|vu - Kostenlose Domains für alle!"></a>
&nbsp;<img src="../pics/hand_left.gif"
</td></tr>
<tr>
<td bgcolor="#000000" colspan="2" align="center">
<b><font face="Arial" size="2" color="#FFFFFF">Vielen Dank !!!</font></b></td></tr>
 </table>

Vielen Dank für Eure Hilfe im voraus.

Gruß Cluster

geschrieben von Patrick am 26.02.2004 - 13:22

HAllo,

klar, du kannst alles in ein Layer packen...

MfG,

Patrick

geschrieben von Cluster am 26.02.2004 - 15:26

Hallöchen geiler Typ, ach nee, sorry, Patrick!

Ich habe leider meine Fragestellung ein wenig falsch formuliert:

das ich es in einen Layer packen - ok. Aber WIE mache ich das? WIE muss der Layer aussehen?

Mir würde ein Grundgerüst reichen und ich packe mein Zeug dann da einfach rein.

Danke im voraus.

Gruß Cluster

geschrieben von Patrick am 28.02.2004 - 10:05

Hallo,

layer machst du ganz einfach indem du:

<layer>...hier dein code...</layer>

oder

<div>...hier dein code...</div>

schreibst...

Da du aber mit den Layern arbeiten willst, sprich auf clicks reagieren möchtest, musst du dem layer eine ID und/oder einen Namen mitgeben.

Hier ein kleines Beispiel für dein Problem:

HTML-Quelltext

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:

<SCRIPT language="JavaScript">
<!--
if (document.layers)  {
     ns = 1; ie = 0; //Browser = Netscape
} else {
     ns = 0; ie = 1; //Browser = Internet Explorer
}

var intLayerID_old = 1;

var strMessage = "msg";

function showIt(intLayerID){
    hideLayer(eval('"' + strMessage + intLayerID_old +'"'));
    showLayer(eval('"' + strMessage + intLayerID +'"'));
    intLayerID_old = intLayerID; 
}

function hideIt(intLayerID){
    hideLayer(eval('"' + strMessage + intLayerID +'"'));
}

function showLayer(strName) {
    if (ns) {
        document.layers[''+strName].visibility = "show";		
    } else {
        document.all[''+strName].style.visibility = "visible"
    }
}

function hideLayer(strName) {
    if (ns){
        document.layers[''+strName].visibility = "hide"
    } else {
        document.all[''+strName].style.visibility = "hidden"
    }
}
//-->
</SCRIPT>

<div id=msg1 onClick="hideIt(1)"> Hier ist ein Testlayer</div>

Die Funktion showIt dient dazu, ein Layer anzuzeigen und ein anderes auszublenden... hideIt blendet lediglich das angeklickte Layer aus...

Ich hoffe, ich konnte dir helfen.

MfG

Patrick

geschrieben von Cluster am 16.03.2004 - 08:35

Hallo @All!

Ok, diesen Layer konnte ich jetzt integrieren und es funktioniert auch.

Allerdings stört mich eines: wenn ich jetzt irgendwo in dem Layer hinklicke, verschwindet dieser. Wie bekomme ich es hin, dass dieser Layer über eine Grafik oder wie auch immer zu schließen geht? Oder sogar über einen Textlink, z.B. "Layer schließen".

Für Eure Hilfe und umgehende Antwort bin ich Euch dankbar.

Gruß Cluster

geschrieben von Cluster am 16.03.2004 - 09:29

... ich es selber rausgefunden habe.

Habe einfach folgenden Code in den <layer> bzw. <div> integriert:

<a href="javascript:onClick=hideIt(1)" onfocus="this.blur()" border=0><img src="bild.gif" border="0" alt=""></a>

Und Tschüss - der Thread hat sich dann erledigt - Danke.

Gruß Cluster

geschrieben von Cluster am 27.04.2005 - 13:57

Hallöchen,

ich muss diesen Thread leider nochmal aus dem Keller hochholen

.

Diese Layergeschichte läuft sehr gut und ich habe auch keine Probleme diesen ein- und auszublenden.

Allerdings habe ich nun folgende Frage:

ich hätte gerne in das Script eine Funktion eingebaut, dass wenn es sich beim Browser des Besuchers nicht um einen IE handelt, ein Layer automatisch eingeblendet wird. Handelt es sich um einen IE, soll der Layer "hidden" bleiben.

Könnt Ihr mit bitte helfen?

Wäre echt nett von Euch und ich bedanke mich schon mal im voraus.

geschrieben von Armin am 27.04.2005 - 14:19

Schau mal hier, http://javarea.de/index.php3?openca....amp;id=177 . Ein wenig anpassen und es sollte klappen.

http://javarea.de/index.php3?openca....amp;id=177

Armin

geschrieben von Cluster am 27.04.2005 - 14:52

Irgendwie lege ich mir hier die Karten:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14:

<script LANGUAGE="JavaScript"> 
<!-- 
// (C) 1998 Klaus Hentschel [ All rights reserved ]. 
// e-mail: kh@javarea.de 
// www: http://www.javarea.de  

var ver = navigator.appVersion; 
if (ver.indexOf("MSIE") != -1) 
{ 
window.location.href="jsextra/iexplorer.htm" 
}else 
window.location.href="jsextra/netscape.htm" 
// --> 
</script>

Das ist ja nun der Code, für die browserabhängige Weiterleitung auf andere Seiten.

Verstehe ich das nun richtig, dass das blaue aus derm obigen Script mit der HideIt-Function für den IE und das rote mit der ShowIt-Funktion für Netscape ersetzt werden muss ?!?

Für Hilfe und Unterstützung wäre ich dankbar.

geschrieben von Cluster am 27.04.2005 - 21:04

Ich habe mal was gebastelt, aber irgendwie klappt das nicht:

HTML-Quelltext

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:

<script LANGUAGE="JavaScript"> 
<!-- 
// (C) 1998 Klaus Hentschel [ All rights reserved ]. 
// e-mail: kh@javarea.de 
// www: http://www.javarea.de   

var ver = navigator.appVersion; 

if (ver.indexOf("MSIE") != -1) 
{ 
window.location.href="seite.php" 
}else 

var strMessage = "msg";

function showLayer(strName) 
{
    if (ns) 
        document.layers[''+strName].visibility = "show";		
    else
        document.all[''+strName].style.visibility = "visible"
}

function hideLayer(strName) 
{
    if (ns)
        document.layers[''+strName].visibility = "hide"
    else
        document.all[''+strName].style.visibility = "hidden"
}
// --> 
</script>

Und den Layer zum Schließen mittels onclick integriere ich doch so ...

	HTML-Quelltext
1:	<div id=msg onClick="hideLayer()">Inhalt</div>

.., oder?

Was mache ich bitte falsch ?!?

Bitte helft mir, ansonsten fliegt irgendwann meine Tastatur in meinen Bildschirm

.

Schönen Abend.

geschrieben von Klaush am 27.04.2005 - 21:27

Ein Fehler gefunden, siehe rote Stelle ein Post weiter oben.

Ansonsten poste doch mal etwas mehr, damit man den Layer auch bedienen kann (tabelle, Script), nicht das ich mir erst die Müe machen muss