Scrolling Issue

Discussion in 'Javascript' started by John, Sep 8, 2008.

  1. John

    John Guest


    I am having an issue with a span I create dynamically with an image
    inside that I use as a close button. The image has a css cursor
    property set to pointer, and an onclick event associated with it. When
    the the span is scrolled, I reset the position of my image to it is
    always in the top right corner of the span.

    When I scroll down the span element, my image loses its cursor
    property and also its onclick event, unless I scroll back to the very
    top in which case it works again. It is like the onclick event and the
    cursor property do not scroll with the image.

    If anyone has any suggestions, I would love to hear them. Thanks!

    function CreateSpan() {
    var sp = document.getElementById('spDetails');
    if (!sp) {
    sp = document.createElement('span');'absolute';'auto';'400px';'200px';'3px solid #000000';'green';'.95';'alpha(opacity=95)';'.95';'white';'spDetails';;//always want on top, pop-up box style.'visible';
    sp.onscroll = function () {
    var sp2, sp;
    sp = document.getElementById('spDetails')
    sp2 = sp.getElementsByTagName('img')[0];
    if (sp2) { + 3).toString() + 'px';'3px';
    } else {
    alert('no img');
    }//end function

    var spInner = new String('');
    spInner += '<img style="height:20px;width:
    solid black;" onclick="HideSpan()" src="
    poPics/close.gif" />';
    spInner += '<table id="poDetTbl"
    style="color:#FFFFFF;position:absolute;top:22px;width:380px"> ';
    spInner += ' <tr> ';
    spInner += ' <td>Data Line 1: </td> ';
    spInner += ' <td></td> ';
    spInner += ' </tr> ';
    spInner += ' <tr> ';
    spInner += ' <td>Data Line 2: </td> ';
    spInner += ' <td></td> ';
    spInner += ' </tr>';
    spInner += ' <tr>';
    spInner += ' <td>Data Line 3: </td>';
    spInner += ' <td></td> ';
    spInner += ' </tr> ';
    spInner += '</table>';

    } else {'visible';
    }//end if-else span already exists
    }//end function CreateSpan
    John, Sep 8, 2008
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.