Autor |
Nachricht |
-
darkbloodstudios
|
06.08.2010 um 05:40 (UTC) Titel: Wie kann ich ein Popup auf meine HP machen? |
|
|
Zuletzt bearbeitet von darkbloodstudios am 06.08.2010, 06:40, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
gameshop
|
06.08.2010 um 06:04 (UTC) Titel: |
|
|
popup oder ne meldung wie alert();
du brauchst javascript, ich würde dir zudem jquery empfehlen ______________ Video Portal Unplugged
Neues Gewinnspiel #1
Neues Gewinnspiel #2 |
|
↑
|
|
|
-
darkbloodstudios
|
06.08.2010 um 13:37 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
gameshop
|
06.08.2010 um 14:25 (UTC) Titel: |
|
|
was genau beschrieben ist?
such doch mal nach "jquery popup" ______________ Video Portal Unplugged
Neues Gewinnspiel #1
Neues Gewinnspiel #2
Zuletzt bearbeitet von gameshop am 06.08.2010, 15:25, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
muepfe-radio
|
06.08.2010 um 14:35 (UTC) Titel: |
|
|
So würde es mit HTML aussehen:
Code: <p>
<a href="[color=red]http://Deineseite.de.tl[/color]" onclick="window.open(this.href, 'Popupfenstername', 'resizable=yes,status=no,location=yes,toolbar=no,menubar=no,fullscreen=no,scrollbars=yes,dependent=no,width=800,height=600'); return false;"><input name="Name" type="button" value="Text" /></a></p>
http://Deineseite.de.tl = Link, wo der Inhalt des Popups steht.
Hoffe ich konnte helfen.
Grüße
Andreas |
|
↑
|
|
|
-
southpark-comedyclub
|
06.08.2010 um 17:11 (UTC) Titel: |
|
|
Wenn du keine eigenes Seite bzw. einen Webspace hast, wo du den Inhalt des Popups hochladen kannst, geht das ganze auch noch mit Javascript.
Alle der folgendes Codes werden im Quellcode - Modus im Seiteneditor eingefügt.
Hier ein kleines Beispiel:
blau: Name des Linkes, der die Box erscheinen lässt
rot: Inhalt der Box, die erscheint
CSS Code (Die Box kannst du natürlich beliebig hier anpassen) :
Zitat:
<style type="text/css">
<!--
#popup_box {
color: #000000;
background-color: #FFFFFF;
border: 2px solid #cccccc;
width: 700px;
height: 400px;
padding: 10px;
margin-left: -350px;
margin-top: -200px;
position: fixed;
left: 50%;
top: 50%;
font-size: 16px;
display: none;
}
//-->
</style>
So wird die Box mit Inhalt gefüllt:
Zitat:
<div id="popup_box">
Hier kommt der Inhalt der Box hinein.
</div>
Anschließend kann sie so geöffnet werden:
Zitat:
<a href="javascript: document.getElementById('popup_box').style.display = block;">Box anzeigen</a>
Da ich das ganze gerade von Hand aus getippt habe, kann es sein das mir Außversehen nen Fehler unterlaufen ist. Sollte aber eigentlich funktionieren, habe es nur eben nicht gestestet.
mfg Max ______________ Du hast eine Frage? Ich stehe dir selbstverständlich jeder Zeit zur Verfügung! |
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
06.08.2010 um 17:31 (UTC) Titel: |
|
|
southpark-comedyclub hat Folgendes geschrieben: Wenn du keine eigenes Seite bzw. einen Webspace hast, wo du den Inhalt des Popups hochladen kannst, geht das ganze auch noch mit Javascript.
Alle der folgendes Codes werden im Quellcode - Modus im Seiteneditor eingefügt.
Hier ein kleines Beispiel:
blau: Name des Linkes, der die Box erscheinen lässt
rot: Inhalt der Box, die erscheint
CSS Code (Die Box kannst du natürlich beliebig hier anpassen) :
Zitat:
<style type="text/css">
<!--
#popup_box {
color: #000000;
background-color: #FFFFFF;
border: 2px solid #cccccc;
width: 700px;
height: 400px;
padding: 10px;
margin-left: -350px;
margin-top: -200px;
position: fixed;
left: 50%;
top: 50%;
font-size: 16px;
display: none;
}
//-->
</style>
So wird die Box mit Inhalt gefüllt:
Zitat:
<div id="popup_box">
Hier kommt der Inhalt der Box hinein.
</div>
Anschließend kann sie so geöffnet werden:
Zitat:
<a href="javascript: document.getElementById('popup_box').style.display = block;">Box anzeigen</a>
Da ich das ganze gerade von Hand aus getippt habe, kann es sein das mir Außversehen nen Fehler unterlaufen ist. Sollte aber eigentlich funktionieren, habe es nur eben nicht gestestet.
mfg Max
Nein das ist richtig. Nur als kleine Ergänzung.
Innerhalb der Box solltest du vielleicht einen weiteren Link machen, damit der Pop-Up wieder geschlossen werden kann:
Zitat: <a href="javascript: document.getElementById('popup_box').style.display = none;">Box schließen</a>
Ansonsten könnte man die Box nicht wieder schließen, nicht so toll!
mfg ______________ THE JOY OF NOT BEING SOLD ANYTHING |
|
↑
|
|
|
-
southpark-comedyclub
|
|
↑
|
|
|
-
darkbloodstudios
|
06.08.2010 um 18:03 (UTC) Titel: |
|
|
Also die art mit Java-Script ist für mich am besten, weil ich nicht meine Ganze Seite im Popup haben will.
Ich hab jetzt eine Neue Seite erstellt und dort die ganzen Codes eingefügt:
Code: <style type="text/css">
<!--
#popup_box {
color: #000000;
background-color: #FFFFFF;
border: 2px solid #cccccc;
width: 700px;
height: 400px;
padding: 10px;
margin-left: -350px;
margin-top: -200px;
position: fixed;
left: 50%;
top: 50%;
font-size: 16px;
display: none;
}
//-->
</style>
<div id="popup_box">
Hier kommt der Inhalt der Box hinein.
</div>
<a href="javascript: document.getElementById('popup_box').style.display = block;">Box anzeigen</a>
<a href="javascript: document.getElementById('popup_box').style.display = none;">Box schließen</a>
|
|
↑
|
|
|
-
gameshop
|
|
↑
|
|
|
-
southpark-comedyclub
|
06.08.2010 um 18:18 (UTC) Titel: |
|
|
Sry hatte '' bei bestimmten Anweisungen vergessen. Wusste iwwas fehlt.
Also so: (habe das ganze jetzt mit onclick gemacht)
Zitat:
<a href="#" onclick="javascript: document.getElementById('popup_box').style.display = 'block';">Box anzeigen</a>
<a href="#" onclick="javascript: document.getElementById('popup_box').style.display = 'none';">Box schließen</a> |
|
↑
|
|
|
-
darkbloodstudios
|
|
↑
|
|
|
-
southpark-comedyclub
|
|
↑
|
|
|
|