Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2012
    Messaggi
    56

    Modificare in modo dinamico le jquery

    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

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    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)

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2012
    Messaggi
    56
    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

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente 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
    ok
    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)

  5. #5
    Utente di HTML.it
    Registrato dal
    Jan 2012
    Messaggi
    56
    //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();
    }
    });

    });

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.