• User Attivo

    Append URL con Jquey

    Salve ragazzi...di nuovo qui..stremato alla ricerca della soluzione!!

    Dunque......
    ho un link su una pagina php con $array[id] che vorrei
    postare appena sotto nel **div **di una popup...il link è formato così:

    [PHP]
    <a href="#?pippo=400" rel="popup_mail" class="poplight"">APRI POPUP</a>
    [/PHP]

    il div nascosto che apre la popup è questo:

    [HTML]
    <script type="text/javascript">
    $(document).ready(function(){

    //When you click on a link with class of poplight and the href starts with a # 
    $('a.poplight[href^=#]').click(function() {
        var popID = $(this).attr('rel'); //Get Popup Name
        var popURL = $(this).attr('href'); //Get Popup href to define size
                
        //Pull Query & Variables from href URL
        var query= popURL.split('?');
        var dim= query[1].split('&');
        var popWidth = dim[0].split('=')[1]; //Gets the first query string value
    
        //Fade in the Popup and add close button
        $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Chiudi" alt="Chiudi" /></a>');
        
        //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
        var popMargTop = ($('#' + popID).height() + 80) / 2;
        var popMargLeft = ($('#' + popID).width() + 80) / 2;
        
        //Apply Margin to Popup
        $('#' + popID).css({ 
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });
        
        //Fade in Background
        $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
        $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer 
        
        return false;
    });
    
    
    //Close Popups and Fade Layer
    $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
          $('#fade , .popup_block').fadeOut(function() {
            $('#fade, a.close').remove();  
    }); //fade them both out
        
        return false;
    });
    

    });
    </script>

    <div id="topline"></div>
    <div id="popup_mail" class="popup_block">
    <tr>
    <td height="50" align="center">
    <form action="fattura.php?id=$array[id]" method="POST">
    <table border="0">
    <tr>
    <td>Nome file</td>
    <td><input name="file" type="text" size="30" maxlength="30"><input name="tipo" type="text" value=".pdf" size="4" readonly="readonly"></td>
    </tr>
    <tr>
    <tr>
    <td>email</td>
    <td><input type="text" name="mail" size="30"></td>
    </tr>
    <tr>
    <tr>
    <tr>
    <td colspan="2" valign="bottom" align="center" height="30">

    <input type="submit" value="Invia">
    <input type="reset" value="Cancella"></td>
    

    </tr>
    </table>
    </form>
    </td>
    </tr>
    </table>
    </div>

    [/HTML]

    ..ma non riesco a riportarmi $array[id] del link...(pre le prove almeno pippo)....come fare.....?????

    Ho provato diversi metodi con jquery....ma evidentemente non sono proprio capace...aiutatemi!!!

    ciao un saluto a tutti..Piero