Hallo an alle,
ich würde gerne ein kleines popup Fenster implementieren, aber sobald ich meinen Code, der lokal super funktioniert auf unser XTC Template anwende, funktioniert es nicht, das hier waren meine Code Schnipsel:
HTML:
<a href="#" class="popup_oeffnen">Popup öffnen</a>
<div id="popup">
<div class="schliessen"></div>
<div id="popup_inhalt">
<p><h2>Mega Cocktailparty am 31.12.13!</h2></p>
<p style="text-align:justify;">
<div style="text-align:center;"><img src="bild.jpg" alt="Cocktailparty" border="0"/><br/>
Quelle: Flickr.com <a href="http://www.flickr.com/photos/polif/" target="_new">PabloMFernandez</a></div><br/>
<span>Am 31.12.13 steigt die größte Party des Jahres!
Es werden die beliebtesten Cocktails aus aller Welt von unseren Profi-Barkeepern serviert.
Sei auch du dabei und melde dich über unser Anmeldungsformular <a href="#">hier</a> zu unserer Party an.</span></p>
</div>
</div>
<div id="hintergrund"></div>
CSS:
#hintergrund {
display:none;
z-index:1;
position: fixed;
height:100%;
width:100%;
top:0px;
left:0px;
background:#000000;
}
#popup {
display: none;
z-index: 2;
position: fixed;
width:450px;
top: 20%;
left: 50%;
margin-left: -250px;
background: none repeat scroll 0 0 #FFFFFF;
border: 8px solid #ccc;
border-radius: 5px 5px 5px 5px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #000;
}
div.schliessen {
position: relative;
height: 30px;
width: 30px;
left: 27px;
bottom: 24px;
background: url("close.png") no-repeat scroll 0 0 transparent;
float: right;
cursor: pointer;
}
#popup_inhalt {
margin: 8px 14px;
}
popup.js
jQuery(function($) {
var popup_zustand = false;
$(".popup_oeffnen").click(function() {
if(popup_zustand == false) {
$("#popup").fadeIn("normal");
$("#hintergrund").css("opacity", "0.7");
$("#hintergrund").fadeIn("normal");
popup_zustand = true;
}
return false;
});
$(".schliessen").click(function() {
if(popup_zustand == true) {
$("#popup").fadeOut("normal");
$("#hintergrund").fadeOut("normal");
popup_zustand = false;
}
});
});
und
die jquery-1.9.1.min.js (wäre zu lang hier zu posten)
so das ganze habe ich sauber per js.php eingebunden, wurde auch gefunden, denn die Links sind sauber im Quelltext zu sehen und ein test alert funzt auch...
die CSS wird auch übernommen, ABER
ich vermute, dass es etwas mit dem Link an sich zu tun haben muss, dass mein popup nicht erscheint, denn irgendwie wenn ich als Link Adresse einfach nur
ein # benutze, geht xtc danach auf die Startseite, also nehme ich an, dass ich da etwas mit der Verlinkung falsch mache...
Was muss ich tun, um das mein Code (wie lokal) auch in XTC funktioniert?
Muss ich die URL in einer bestimmten Form angeben... aber ich möchte ja gar nicht, dass ne neue Seite geöffnet wird sondern lediglich mein popup auf der gleichen Seite aufgeht...
Wie stell ich da am besten an?
Danke vorab!
Grüße