Hey, who can little fix script? please

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Hey, who can little fix script? please

    So... This script. Makes that, When you click on a link with class of poplight and the href starts with a #, the popup fades out. And i need, that popup highlight suddenly when script is loaded. I don't know js anything yet. So please, help me.
    <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 ) });

    //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(); //fade them both out
    $('#fade').remove();
    return false;
    });


    });
    </script>
    Last edited by bataslt; 10.05.10, 12:50.

    #2
    You Would Need To use onload
    but i think what your trying to do is basically reverse the script so that when page is loaded they are faded out and when you click on them they highlight?
    if so just change your css and then change the
    alpha(opacity=80)'
    in the script to the required alpha level you require

    Comment

    Working...
    X