PHP interesse |
|
Hallo,
Ik ben de laatste tijd bezig met Jquery, nu ben ik bezig met een soort graybox voor m'n login. Dit wil ik doen d.m.v. ajax. Nu heb ik de volgende code in elkaar gezet:
$(document).ready(function() {
$("#info").hide()
$("#openLogin").hover(function() {
$(this).addClass("login_button_hover");
},function(){
$(this).removeClass("login_button_hover");
});
$("#openLogin").click(function() {
$("#info").load('ajax.php');
$("#info").show("slow");
});
$("#closeLogin").click(function() {
$("#info").hide("slow");
});
});
$(document).ready(function() { $("#info").hide() $("#openLogin").hover(function() { $(this).addClass("login_button_hover"); },function(){ $(this).removeClass("login_button_hover"); }); $("#openLogin").click(function() { $("#info").load('ajax.php'); $("#info").show("slow"); }); $("#closeLogin").click(function() { $("#info").hide("slow"); }); });
opzich werkt dit goed, alleen kan ik in ajax.php geen css gebruiken die wordt aangeroepen op de pagina waar het script wordt uitgevoert, dit geld hetzelfde voor javascript.
Index.php(scrip...itgevoerd)
ajax.php:
<div class="item">
<div class="top">
<h1>Welkom op Habbonline Versie 2!</h1>
</div>
<div class="middle">
<a id="closeLogin">Sluiten</a>
</div>
<div class="bottom">
</div>
</div>
<h1>Welkom op Habbonline Versie 2! </h1> <a id="closeLogin">Sluiten </a>
|