Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,857
    Thanks
    22
    Thanked 157 Times in 148 Posts

    CSS vertical-align property?

    Honestly I'm not sure if the HTML/CSS forum or the Javascript forum is the best place to post this, but let's start here (and I suppose the post can always be moved later)....Anyway...

    I'm having a slight problem at the following URL: http://www.mediamogulsweb.com/client...stingHTML.html

    When you double click on a data entry, modify it's contents, and then click outside of the text box, in IE only the category name that is in bold directly to the left of the data/text box moves a little bit, then returns to its normal position when the AJAX completes (when the animated .gif disappears).

    Can;t figure out why exactly this is happening, and this doesn;t happen in Mozilla. My guess is it has something to do with the vertical-align property in the CSS class ".working_img"...

    Since most of the HTML is embedded in javascript, you will need to view the HTML inside the JS file here: http://www.mediamogulsweb.com/client...L/testingJS.js

    Here is the relevant JS/HTML:

    Code:
    function highlight(dataID,event,colorRow,prodID,categoryName)
    {    
        if (event == 2)
        {
            if (eventFired == "no")
            {
                eventFired = "yes";
                var lineContent = document.getElementById(dataID).innerHTML;
                document.getElementById(dataID).style.backgroundColor = "";
                document.getElementById(dataID).innerHTML = '<input type="text" id="'+dataID+'Text" value="'+lineContent+'" class="edit_data" style="background-color:'+colorRow+';" onBlur="restoreData(\''+dataID+'\',\''+lineContent+'\','+prodID+',\''+categoryName+'\');" /> <img src="working.gif" style="display:none" class="working_img" id="'+dataID+'Ajax" alt="" />';
                document.getElementById(dataID+"Text").focus();
                currentHighlight = dataID;
            }
        }    
        else if (event == 1)
        {
            if (eventFired == "no")
            {
                if (currentHighlight != "")
                {
                    document.getElementById(currentHighlight).style.backgroundColor = "";
                    document.getElementById(currentHighlight).style.padding = "";
                    document.getElementById(currentHighlight).style.color = "";
                }
        
                if (currentHighlight != dataID)
                {
                    document.getElementById(dataID).style.backgroundColor = "#330099";
                    document.getElementById(dataID).style.padding = "5px";
                    document.getElementById(dataID).style.color = "#fff";
                    currentHighlight = dataID;
                }
                else
                {
                    currentHighlight = "";
                }
            }
        }
    }
    The CSS is here: http://www.mediamogulsweb.com/client...testingCSS.css

    Thanks for any help.
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :-)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!
    ♪♪ …Need Web Hosting For My YouTube-To-Mp3 Conversion Software? Check Here !!… ♪♪

  • #2
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,857
    Thanks
    22
    Thanked 157 Times in 148 Posts
    Any input is greatly appreciated, since I I put this question in the wrong forum previously. Thanks.
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :-)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!
    ♪♪ …Need Web Hosting For My YouTube-To-Mp3 Conversion Software? Check Here !!… ♪♪


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •