Martiinkolle:
Ja det er rigtigt, det kunne jeg skam godt..
Men det lærer jeg da ikke noget ved.
Det er da sjovere at prøve at lave sit eget..
------------------------------------------------------
Jakobdo:
Jeg tænkte på, at nu henter jeg boksen ud via link ved at kalde på
det med: rel="dialog".
Men jeg vil også gerne hvis jeg kunne kalde den ved success...
fx:
$.ajax({
type: "",
url: "",
data: "",
success: function(){
// Her vil jeg gerne kunne kalde den, men hvordan gør det det.
}
});
Her koden som jeg har lavet til min dialog box.
function HideDialog(){
$("#dialog-overlay, #dialog-box, #dialog-content, #dialog-message, #dialog_iframe").fadeOut("slow");
return false;
}
$(document).ready(function(){
$("#dialog-overlay, #dialog-box, #dialog-content, #dialog-message").hide();
$("a[rel*=dialog]").click(function(event){
event.preventDefault();
if(!$("a[rel*=dialog]").is(":visible")){
HideDialog();
// Vi skal have indholdet fra href.
var DialogGetUrl = $(this).attr('href');
// Vi skal bruge den bredde til at justere størrelsen.
var DialogWidth = $(this).attr('dialogWidth');
// Og sat det i en iframe.
var IframeGetUrl = "<iframe id='dialog_iframe' style='border: 0px;' src='" + DialogGetUrl + "' width='" + DialogWidth + "'></iframe>";
$("#dialog-overlay, #dialog-box, #dialog-content, #dialog-message").fadeIn("slow");
// Vi sætter en størrelse på dialog-box.
$("#dialog-box").css({
width: DialogWidth
});
// Vi skal have åbnet vores iframe.
$("#dialog-message").append(IframeGetUrl);
return true;
}else{
// Vi skal have indholdet fra href.
var DialogGetUrl = $(this).attr('href');
// Vi skal bruge den bredde til at justere størrelsen.
var DialogWidth = $(this).attr('dialogWidth');
// Og sat det i en iframe.
var IframeGetUrl = "<iframe id='dialog_iframe' style='border: 0px;' src='" + DialogGetUrl + "' width='" + DialogWidth + "'></iframe>";
$("#dialog-overlay, #dialog-box, #dialog-content, #dialog-message").fadeIn("slow");
// Vi sætter en størrelse på dialog-box.
$("#dialog-box").css({
width: DialogWidth
});
// Vi skal have åbnet vores iframe.
$("#dialog-message").append(IframeGetUrl);
return false;
}
});
$("img.dialog_close").hover(function(){
$(this).css("cursor","pointer");
});
$("img.dialog_close").click(function(){
HideDialog();
});
$(document).click(function(){
HideDialog();
});
$("#dialog-box, #dialog-content, #dialog-message").click(function(event) {
event.preventDefault();
return true;
});
});
