Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

paulchwd · Sep 29th, 2007, 12:13 PM

Hello,

I have a function to display small divs next to each field that failed my validation tests. And I have a larger one that floats on top of the form saying error... the user can click a button to hide that large error message div, but for some reason when they do so, it re-loads the page and the other divs are also hidden...

The div:

(Toggle Plain Text)

 <div id="err_div" style=" left: 177px; width: 292px; position:relative; top: -472px; background-color: White; height: 131px; visibility:hidden; border-style:dashed;  border-width: thin; border-color: Black; visibility:hidden; ">
     
               <div style="padding-left: 5px; background-image:url(/resources/div_bg.gif); border-bottom-style:solid; border-bottom-width:thin; border-bottom-color: Black; ">
                <font face="arial" size="4" color="black"> Error !</font>
                </div>
                
                <div style=" padding:5px;" >
                   <font face="verdana" size="2" color="black"> <br />Sorry, some fileds were not filled in.</font>    

<asp:Button ID="Button1" runat="server" Text="Ok" BackColor="Gray" BorderStyle="None" CausesValidation="False" ForeColor="White" Width="35px" onclientclick="hideAgain('err_div')" />
</div>
           </div>

The Code:

(Toggle Plain Text)

function hideAgain(divName)
    {
       var the_div = document.getElementById(divName);
       the_div.style.visibility="hidden";
    }

fahlyn · Nov 1st, 2007, 8:36 PM

I think your javascript function may need to "return false".

Sep 29th, 2007, 12:13 PM	#1
paulchwd Hobbyist Programmer Join Date: Mar 2005 Posts: 139 Rep Power: 4	Div problems (javaScript) Hello, I have a function to display small divs next to each field that failed my validation tests. And I have a larger one that floats on top of the form saying error... the user can click a button to hide that large error message div, but for some reason when they do so, it re-loads the page and the other divs are also hidden... The div: (Toggle Plain Text) <div id="err_div" style=" left: 177px; width: 292px; position:relative; top: -472px; background-color: White; height: 131px; visibility:hidden; border-style:dashed; border-width: thin; border-color: Black; visibility:hidden; "> <div style="padding-left: 5px; background-image:url(/resources/div_bg.gif); border-bottom-style:solid; border-bottom-width:thin; border-bottom-color: Black; "> <font face="arial" size="4" color="black"> Error !</font> </div> <div style=" padding:5px;" > <font face="verdana" size="2" color="black"> <br />Sorry, some fileds were not filled in.</font> <asp:Button ID="Button1" runat="server" Text="Ok" BackColor="Gray" BorderStyle="None" CausesValidation="False" ForeColor="White" Width="35px" onclientclick="hideAgain('err_div')" /> </div> </div> <div id="err_div" style=" left: 177px; width: 292px; position:relative; top: -472px; background-color: White; height: 131px; visibility:hidden; border-style:dashed; border-width: thin; border-color: Black; visibility:hidden; "> <div style="padding-left: 5px; background-image:url(/resources/div_bg.gif); border-bottom-style:solid; border-bottom-width:thin; border-bottom-color: Black; "> <font face="arial" size="4" color="black"> Error !</font> </div> <div style=" padding:5px;" > <font face="verdana" size="2" color="black"> <br />Sorry, some fileds were not filled in.</font> <asp:Button ID="Button1" runat="server" Text="Ok" BackColor="Gray" BorderStyle="None" CausesValidation="False" ForeColor="White" Width="35px" onclientclick="hideAgain('err_div')" /> </div> </div> The Code: (Toggle Plain Text) function hideAgain(divName) { var the_div = document.getElementById(divName); the_div.style.visibility="hidden"; } function hideAgain(divName) { var the_div = document.getElementById(divName); the_div.style.visibility="hidden"; }

Nov 1st, 2007, 8:36 PM	#2
fahlyn Newbie Join Date: Nov 2007 Posts: 15 Rep Power: 0	Re: Div problems (javaScript) I think your javascript function may need to "return false".

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Start Learning Java script	smita	JavaScript and Client-Side Browser Scripting	0	Mar 15th, 2007 7:47 AM
Hidden unless Javascript enabled?	Writlaus	JavaScript and Client-Side Browser Scripting	3	Apr 25th, 2006 10:52 PM
Javascript alternative?	Writlaus	JavaScript and Client-Side Browser Scripting	32	Apr 21st, 2006 12:44 AM
HTML page not reading external Javascript file	aznluvsmc	JavaScript and Client-Side Browser Scripting	9	Nov 21st, 2005 9:17 PM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

Div problems (javaScript)