Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.
Seiten: 1
#1 15. Dezember 2010 20:26
- Janl
- Server-Pate
- Ort: Freistadt, Österreich
- Registriert: 13. Dezember 2010
- Beiträge: 1.231
- Webseite
Popups in CMSMS, die stehen blieben mit anklickbare Links
Hallo, ich zeige es hier auch mal. Bei Fragen ein PM schicken
auf folgende Art kann man in CMSMS popups machen die stehen bleiben und
klickbare Links enthalten.
Viel spass beim Nachbauen!
Jan
Stylesheet
[== css ==]
.poppoint{cursor:pointer;}
.poppoint:hover{cursor:pointer; text-decoration: underline;}
div#textpoprahm {
height:350px;
width:250px;
border:1px solid black;
padding:5px;
background-color:#DDFFFF;
}
div#poptext{
height:300px;
width:228px;
border:0;
padding:10px;
}
div#closepop{
cursor:pointer;
font-size:70%;
background-color:#FFDDDD;
}Template
in head-section einfügen
{literal}
<script type="text/javascript" src="uploads/popup.js"></script>
{/literal}bodytag anpassen
<body onload="klickout()">Divs einfügen wo popup(s) kommen sollen
<div class="textpoprahm" id="textpoprahm" >
<div class="poptext">{global_content name='popblock'}</div>
<div class="closepop" onclick=klickout()><strong>Hier klicken zum schliessen</strong></div>
</div>UDT's
[== UDT Name popudt1==]
echo "<span class='poppoint' onmouseover='mouseOver01()' >";[== UDT Name popudt2==]
echo "<span class='poppoint' onmouseover='mouseOver02()' >";[== UDT Name popudt_end==]
echo "</span>";Global Contentblock
popblock
<div id="pop001">
<h3>POP001</h3>
Vorbild von popups über Javascript nur, ohne externes html.
<br/>
</div>
<div id="pop002">
POP002<br/>
Hier kommt der POPUP TEXT<br/>
</div>und weitere divs pop00x
----------------------------------------
Javascript popup.js
[=== JavaScript ===]
function klickout() {
document.getElementById('textpoprahm').style.display = "none";};
function klickin() {
if(document.getElementById('textpoprahm').style.display == "none")
{ document.getElementById('textpoprahm').style.display = "block";}
};
function mouseOver01() {
document.getElementById('textpoprahm').style.display = "block";
for (var i = 1; i <= 2; i++) {document.getElementById('pop00' + i).style.display = "none";}
document.getElementById('pop001').style.display = "block";
};
function mouseOver02() {
document.getElementById('textpoprahm').style.display = "block";
for (var i = 1; i <= 2; i++) {document.getElementById('pop00' + i).style.display = "none";}
document.getElementById('pop002').style.display = "block";
};und weitere pop00x divs (ersetze "i<=2" mit dem Wert für x)
-----------------------------------------------
Content
HTML und UDT womit popups sich zeigen wenn der Maus darüber geht.
Popups wenn mit der Maus über POPUP1 bis 2 gegangen wird. <br /><br />
<p>{popudt1}TEST POPUP1 1{popudt_end}</p>
<p>{popudt2}TEST POPUP2{popudt_end}</p>Vorteil dieser Methode, alle "Popups" sind in 1 global Contentblock und einfach zu ändern.
Kubuntu 22.04 - Win 11 pro / Kubuntu 20.04 - win10 pro
Offline
Seiten: 1