Salve,
Volevo sapere come posso fare per rendere il mio popup in jquery dinamico, nel senso che dipende da quale icona faccio partire il popup deve cambiare il contenuto... Grazie in anticipo
Salve,
Volevo sapere come posso fare per rendere il mio popup in jquery dinamico, nel senso che dipende da quale icona faccio partire il popup deve cambiare il contenuto... Grazie in anticipo
secondo me se posti quello che stai facendo/che hai tentato di fare (per sapere cose del tipo: come è fatto il popup, dove si trova il testo da mostrare e se è già in pagina, se stai usando dei plugin...) e poni la domanda su qualcosa di concreto è più facile risponderti
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
No il popup l ho fatto io e non chiedo informazioni su questo, volevo solo sapere come rendere il contenuto del popup dinamico in base da quale icona parte l input di apertura del popup
okOriginariamente inviato da ilnibbio
volevo solo sapere come rendere il contenuto del popup dinamico in base da quale icona parte l input di apertura del popup
posta del codice da vedere
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
//loading popup with jQuery magic!
function loadPopup(){
//loads popup only if it is disabled
if(popupStatus==0){
$("#backgroundPopup").css({
"opacity": "0.7"
});
$("#backgroundPopup").fadeIn("slow");
$("#popupContact").fadeIn("slow");
popupStatus = 1;
}
}
//disabling popup with jQuery magic!
function disablePopup(){
//disables popup only if it is enabled
if(popupStatus==1){
$("#backgroundPopup").fadeOut("slow");
$("#popupContact").fadeOut("slow");
popupStatus = 0;
}
}
//centering popup
function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
//centering
$("#popupContact").css({
"position": "absolute",
"top": windowHeight/2-popupHeight/2,
"left": windowWidth/2-popupWidth/2
});
//only need force for IE6
$("#backgroundPopup").css({
"height": windowHeight
});
}
//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
//LOADING POPUP
//Click the button event!
$("#app").click(function(){
//centering with css
centerPopup();
//load popup
loadPopup();
});
//CLOSING POPUP
//Click the x event!
$("#popupContactClose").click(function(){
disablePopup();
});
//Click out event!
$("#backgroundPopup").click(function(){
disablePopup();
});
//Press Escape event!
$(document).keypress(function(e){
if(e.keyCode==27 && popupStatus==1){
disablePopup();
}
});
});