Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

body onClick

Status
Not open for further replies.
micawber

micawber

Programmer
Joined
Dec 10, 2002
Messages
71
Location
GB
On my asp page i have the following:
Code: 
<body onClick="AJAXPremium();" class="mainnav">
I have introducted a hint system for my form input fields that works when I remove onClick="AJAXPremium();" from the body tag but doesn't work when it is there. i.e
<body class="mainnav">
The problem is i need both to work!

Any ideas?

Thanks
 
Sort by date Sort by votes

They are attached via span tag after the inputs:
Code: 
<span class="hintleft">Enter your first name<span class="hint-pointer">&nbsp;</span></span>

i have a file called inc_hints.js with the functions for the hints.
i think the body onload is overwritten by this but don't know a way around it.

Code: 
function addLoadEvent(func)
{
    // alert('addLoadEvent()');
    var oldonload = window.onload;
    if (typeof window.onload != 'function')
    {
        window.onload = func;
    }
    else
    {
        window.onload = function()
        {
            oldonload();
            func();
        }
    }
}

function prepareInputsForHints()
{
	// alert('prepareInputsForHints()');
    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++)
    {
        // test to see if the hint span exists
        if (inputs[i].parentNode.getElementsByTagName("span")[0])
        {
            // the span exists on focus show the hint
            inputs[i].onfocus = function()
            {
                this.parentNode.getElementsByTagName("span")[0].style.display =
                    "inline";
            }
            // hide the hint
            inputs[i].onblur = function()
            {
                this.parentNode.getElementsByTagName("span")[0].style.display =
                    "none";
            }
        }
    }
    // repeat the same tests as above for selects
    var selects = document.getElementsByTagName("select");
    for (var k = 0; k < selects.length; k++)
    {
        if (selects[k].parentNode.getElementsByTagName("span")[0])
        {
            selects[k].onfocus = function()
            {
                this.parentNode.getElementsByTagName("span")[0].style.display =
                    "inline";
            }
            selects[k].onblur = function()
            {
                this.parentNode.getElementsByTagName("span")[0].style.display =
                    "none";
            }
        }
    }
}
addLoadEvent(prepareInputsForHints);
 
Upvote 0 Downvote
i've now sorted this, just had to move the the <script> tags for the hints out of the head section into the body section.
thanks.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Ahmad khalafalla
  • Locked
  • Question Question
How to listen to 'onclick' event on the document
Replies
1
Views
476
feherke
feherke
JRB-Bldr
  • Locked
  • Question Question
innerHTML onclick() functionality
Replies
2
Views
402
JRB-Bldr
JRB-Bldr
LyndonOHRC
  • Locked
  • Question Question
Single quote is breaking my onclick action
Replies
4
Views
538
LyndonOHRC
LyndonOHRC
ToddWW
  • Locked
  • Question Question
onClick Not Working
Replies
2
Views
301
ToddWW
ToddWW
southbeach
  • Locked
  • Question Question
MS Edge - onclick=&quot;...&quot; not triggered
Replies
2
Views
489
southbeach
southbeach

Part and Inventory Search

Sponsor

Back
Top