Have a fun while searching

Tuesday, August 16, 2011

change image by java script + call asp.net validator by java script

< %@ Page Title="" Language="C#"

MasterPageFile="~/BarnehageHomePage.master" AutoEventWireup="true"
CodeFile="ContactUs.aspx.cs" Inherits="ContactUs" %>

< asp:Content ID="Content1" ContentPlaceHolderID="head"

runat="Server">

< script type="text/javascript">
var imageURL = "images/checkbox-check.jpg";
function changeImage() {

if (document.images) {

if (imageURL == "images/checkbox-check.jpg") imageURL =

"images/checkbox-uncheck.jpg";
else if (imageURL == "images/checkbox-uncheck.jpg")

imageURL = "images/checkbox-check.jpg";
// document.getElementById

("ctl00_ContentPlaceHolder1_txtTelefon").value = "";
// document.getElementById

("ctl00_ContentPlaceHolder1_txtEpost").value = "";
if (imageURL == "images/checkbox-uncheck.jpg") {
document.images["img1"].src = "images/checkbox-

uncheck.jpg";
document.images["img2"].src = "images/checkbox-

check.jpg";
document.getElementById

("ctl00_ContentPlaceHolder1_HiddenField1").value = 1;
document.getElementById

("ctl00_ContentPlaceHolder1_txtTelefon").disabled = true;
document.getElementById

("ctl00_ContentPlaceHolder1_txtEpost").disabled = false;
document.getElementById

("ctl00_ContentPlaceHolder1_txtTelefon").focus();
document.getElementById

("ctl00_ContentPlaceHolder1_lblemailvalidate").style.display = 'none';
ValidatorEnable(document.getElementById

("ctl00_ContentPlaceHolder1_RequiredFieldValidator1"), false);
ValidatorEnable(document.getElementById

("ctl00_ContentPlaceHolder1_RequiredFieldValidator2"), true);
// ValidatorEnable(document.getElementById

("ctl00_ContentPlaceHolder1_RegtxtUserNam"), false);
}
else {
document.images["img1"].src = "images/checkbox-

check.jpg";
document.images["img2"].src = "images/checkbox-

uncheck.jpg";
document.getElementById

("ctl00_ContentPlaceHolder1_HiddenField1").value = 2;
document.getElementById

("ctl00_ContentPlaceHolder1_txtTelefon").disabled = false;
document.getElementById

("ctl00_ContentPlaceHolder1_txtEpost").disabled = true;
document.getElementById

("ctl00_ContentPlaceHolder1_txtEpost").focus();
document.getElementById

("ctl00_ContentPlaceHolder1_lblemailvalidate").style.display = 'none';
ValidatorEnable(document.getElementById

("ctl00_ContentPlaceHolder1_RequiredFieldValidator1"), true);
ValidatorEnable(document.getElementById

("ctl00_ContentPlaceHolder1_RequiredFieldValidator2"), false);
// ValidatorEnable(document.getElementById

("ctl00_ContentPlaceHolder1_RegtxtUserNam"), true);
}
}
}
function checkEmail() {
var pattern = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w

{2,3})+$/;
if (pattern.test(document.getElementById

("ctl00_ContentPlaceHolder1_txtEpost").value)) {
document.getElementById

("ctl00_ContentPlaceHolder1_lblemailvalidate").style.display = 'none';
// alert("true");
} else {
document.getElementById

("ctl00_ContentPlaceHolder1_lblemailvalidate").style.display = 'block';
// ValidatorEnable(document.getElementById

("ctl00_ContentPlaceHolder1_RequiredFieldValidator2"), false);
// alert("false");
}
}

< /script>

< /asp:Content>
< asp:Content ID="Content2"

ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
< div id="panel-right">
< div id="main-left-panel-two">
< div class="fleft internal-heading">
KONTAKT< /div>
< div style="clear: both">
< /div>
< div class="light-grey-back-internal" style="height:

1px;">
< /div>
< div class="gap10">
< /div>
< div class="top-heading-two">
< strong>KONTAKT OSS OM DU HAR NOEN SPORSMAL<

/strong>< /div>
< div style="clear: both">
< /div>
< div class="gap10">
< /div>
< div class="black-txt-main-new">
Den enkleste måten å få kontakt med

oss er å sende inn en
epost. Du kan sende epost direkte til < span

class="blue_normal_txt">post@barnehageforum.no< /span>
eller bruke skjemaet nedenfor.
< br />
Vi lover å svare så fort vi kan, normalt

får man svar samme virkedag.< br />
Du kan også lese "Ofte stilte

spørsmål" lenger ned
på siden. Kanskje du finner svaret du leter etter

her.
< br />
Du kan også selvfølgelig ringe oss

på telefon 21 53 03 30 (9-16)< /div>
< div class="gap25">
< /div>
< div style="padding-top: 10px;">
< /div>
< div class="left-back-top">
< div class="top-heading-black-one">
< strong>PAMELDING < /strong>
< /div>
< /div>
< div class="light-yellow-bg-four1" style="width: 478px;

border-top: 1px #CCCCCC solid;">
< div class="gap25">
< /div>
< div class="menu-txt-top" style="margin-left: 10px;

float: left;">
< strong>JEG VIL MOTTA SVAR PA:< /strong>
< /div>
< div style="clear: both">
< /div>
< div class="gap10">
< /div>
< div>
< img src="~/images/checkbox-check.jpg"

id="img1" runat="server" name="img1" onclick="changeImage();"
class="check-box_new" style="float: left;

margin-left: 10px; border: 0;" />
< asp:HiddenField ID="HiddenField1"

runat="server" />
< div class="black-txt-two-new" style="float:

left; margin-left:5px;">
< strong>Telefon:< /strong>
< asp:TextBox ID="txtTelefon" runat="server"

class="new-input" />
< /div>
< /div>
< div>
< img src="images/checkbox-uncheck.jpg"

id="img2" runat="server" name="img2" onclick="changeImage();"
class="check-box_new" style="float: left;

margin-left: 10px; border: 0" />
< div class="black-txt-two-new" style="float:

left; margin-left:5px;">
< strong>E-post:< /strong>
< asp:TextBox ID="txtEpost" runat="server"

class="new-input-one" Enabled="false" />
< /div>
< /div>
< div>
< div class="black-txt-two-new" style="float:

left; margin-left: 104px;">
< asp:RequiredFieldValidator

ID="RequiredFieldValidator1" runat="server" ErrorMessage="sjekke

Telefon"
ControlToValidate="txtTelefon"

EnableClientScript="true" ValidationGroup="vgSubmit" />
< /div>
< /div>
< div>
< div class="black-txt-two-new" style="float:

left; margin-left:105px;">
< div id="lblemailvalidate" runat="server"

style="display:none">
< asp:Label ID="lblemailvalidate1"

runat="server" Text="sjekke e-post formiatbaserte" ForeColor="red"><

/asp:Label>
< /div>

< asp:RequiredFieldValidator

ID="RequiredFieldValidator2" runat="server" ErrorMessage="sjekke e-

post"
ControlToValidate="txtEpost"

EnableClientScript="true" ValidationGroup="vgSubmit" />


< /div>
< /div>
< div style="clear: both">
< /div>
< div class="red-txt" style="margin-left: 15px;

float: left; color: Red">
< asp:Label ID="lblInfo" runat="server"><

/asp:Label>
< /div>
< div style="clear: both">
< /div>
< %--< img src="images/green-buttons.jpg"

style="margin-left: 15px; float: left;" />--%>
< div class="menu-txt-top" style="padding-left:

10px; padding-top: 7px;">
< strong>SKRIV DITT SPORSMAL OG TRYKK SEND<

/strong>< /div>
< CE:Editor ID="txtInfo"

EditorWysiwygModeCss="/css/ce.css" Style="margin-left: 10px;"
AutoConfigure="minimal" runat="server"

ThemeType="Office2007" Width="450px" Height="170px">
< %--< FrameStyle BackColor="White"

BorderColor="#DDDDDD" BorderWidth="1px" BorderStyle="Solid"




CssClass="CuteEditorFrame" Height="100%" Width="100%"><

/FrameStyle>--%>
< %--< FrameStyle BackColor="White"

BorderColor="#DDDDDD" BorderWidth="1px" BorderStyle="Solid"




CssClass="CuteEditorFrame" Height="100%" Width="100%"><

/FrameStyle>--%>
< FrameStyle BackColor="White"

BorderColor="#DDDDDD" BorderWidth="1px" BorderStyle="Solid"
CssClass="CuteEditorFrame" Height="100%"

Width="100%">< /FrameStyle>
< /CE:Editor>
< %--< input name="text" type="text"

class="input-box-bg3" style="margin-left: 16px;" />--%>
< div style="clear: both">
< /div>
< div class="gap10">
< /div>
< div>
< asp:ImageButton ID="btnSend"

ValidationGroup="vgSubmit" runat="server" ImageUrl="~/images/send-

btrn.jpg"
OnClick="btnSubmit_Click" Style="float: right;

margin-right: 12px;" />
< %--< img src="images/send-btrn.jpg"

style="float: right; margin-right: 15px;" />--%>
< /div>
< div style="clear: both">
< /div>
< div class="gap10">
< /div>
< /div>
< div class="gap15">
< /div>
< div class="left-back-top">
< div class="left-main-heading">
ofte stilte spørsmål< /div>
< /div>
< div class="gap15">
< /div>
< div class="heading-internal-box" style="padding-

left:10px;">
LORREM IPSUM< /div>
< div class="gap5">
< /div>
< div class="box-txt" style="padding-left: 10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nulla blandit diam a ligula
scelerisque non pharetra felis sodales. Nullam

imperdiet ligula nec eros scelerisque
pellentesque?< /div>
< div class="gap10">
< /div>
< div class="heading-internal-box" style="margin-left:

20px;">
SVAR:< /div>
< div class="gap5">
< /div>
< div class="box-txt" style="margin-left: 20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nulla blandit diam a ligula
scelerisque non pharetra felis sodales. Nullam

imperdiet ligula nec eros scelerisque
pellentesque.< /div>
< div class="gap10">
< /div>
< div class="light-grey-back-internal" style="height:

1px; width: 450px; margin-left: 10px;">
< /div>
< div class="gap10">
< /div>
< div class="gap15">
< /div>
< div class="heading-internal-box" style="padding-

left:10px;">
LORREM IPSUM< /div>
< div class="gap5">
< /div>
< div class="box-txt" style="padding-left: 10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nulla blandit diam a ligula
scelerisque non pharetra felis sodales. Nullam

imperdiet ligula nec eros scelerisque
pellentesque?< /div>
< div class="gap10">
< /div>
< div class="heading-internal-box" style="margin-left:

20px;">
SVAR:< /div>
< div class="gap5">
< /div>
< div class="box-txt" style="margin-left: 20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nulla blandit diam a ligula
scelerisque non pharetra felis sodales. Nullam

imperdiet ligula nec eros scelerisque
pellentesque.< /div>
< div class="gap10">
< /div>
< div class="light-grey-back-internal" style="height:

1px; width: 450px; margin-left: 10px;">
< /div>
< div class="gap10">
< /div>
< div class="gap15">
< /div>
< div class="heading-internal-box" style="padding-left:

10px;">
LORREM IPSUM< /div>
< div class="gap5">
< /div>
< div class="box-txt" style="padding-left: 10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nulla blandit diam a ligula
scelerisque non pharetra felis sodales. Nullam

imperdiet ligula nec eros scelerisque
pellentesque?< /div>
< div class="gap10">
< /div>
< div class="heading-internal-box" style="margin-left:

20px;">
SVAR:< /div>
< div class="gap5">
< /div>
< div class="box-txt" style="margin-left: 20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nulla blandit diam a ligula
scelerisque non pharetra felis sodales. Nullam

imperdiet ligula nec eros scelerisque
pellentesque.< /div>
< div class="gap10">
< /div>
< div class="light-grey-back-internal" style="height:

1px; width: 450px; margin-left: 10px;">
< /div>
< div class="gap10">
< /div>
< div class="gap15">
< /div>
< div class="heading-internal-box" style="padding-left:

10px;">
LORREM IPSUM< /div>
< div class="gap5">
< /div>
< div class="box-txt" style="padding-left: 10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nulla blandit diam a ligula
scelerisque non pharetra felis sodales. Nullam

imperdiet ligula nec eros scelerisque
pellentesque?< /div>
< div class="gap10">
< /div>
< div class="heading-internal-box" style="margin-left:

20px;">
SVAR:< /div>
< div class="gap5">
< /div>
< div class="box-txt" style="margin-left: 20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nulla blandit diam a ligula
scelerisque non pharetra felis sodales. Nullam

imperdiet ligula nec eros scelerisque
pellentesque.< /div>
< div class="gap10">
< /div>
< div class="light-grey-back-internal" style="height:

1px; width: 450px; margin-left: 10px;">
< /div>
< div class="gap10">
< /div>
< div class="gap15">
< /div>
< div class="heading-internal-box" style="padding-left:

10px;">
LORREM IPSUM< /div>
< div class="gap5">
< /div>
< div class="box-txt" style="padding-left: 10px;">
Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nulla blandit diam a ligula
scelerisque non pharetra felis sodales. Nullam

imperdiet ligula nec eros scelerisque
pellentesque?< /div>
< div class="gap10">
< /div>
< div class="heading-internal-box" style="margin-left:

20px;">
SVAR:< /div>
< div class="gap5">
< /div>
< div class="box-txt" style="margin-left: 20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nulla blandit diam a ligula
scelerisque non pharetra felis sodales. Nullam

imperdiet ligula nec eros scelerisque
pellentesque.< /div>
< div class="gap10">
< /div>
< div class="light-grey-back-internal" style="height:

1px; width: 450px; margin-left: 10px;">
< /div>
< div class="gap10">
< /div>
< div class="gap15">
< /div>
< div class="heading-internal-box" style="padding-left:

7px;">
LORREM IPSUM< /div>
< div class="gap5">
< /div>
< div class="box-txt" style="padding-left: 7px;">
Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nulla blandit diam a ligula
scelerisque non pharetra felis sodales. Nullam

imperdiet ligula nec eros scelerisque
pellentesque?< /div>
< div class="gap10">
< /div>
< div class="heading-internal-box" style="margin-left:

20px;">
SVAR:< /div>
< div class="gap5">
< /div>
< div class="box-txt" style="margin-left: 20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing

elit. Nulla blandit diam a ligula
scelerisque non pharetra felis sodales. Nullam

imperdiet ligula nec eros scelerisque
pellentesque.< /div>
< div class="gap10">
< /div>
< div class="light-grey-back-internal" style="height:

1px; width: 450px; margin-left: 10px;">
< /div>
< div class="gap10">
< /div>
< div style="clear: both">
< /div>
< div class="gap25">
< /div>
< /div>
< div style="padding-top: 8px;">
< /div>
< div class="right-shadow-panel">
< div id="right-panel-two">
< div class="left-back-top">
< div class="left-main-heading">
< strong>KONTAKT INFORMASJON<

/strong>< /div>
< /div>
< div class="left-panel-shadow-new">
< div class="gap15">
< /div>
< div class="black-txt-two-new_new"

style="padding-left: 10px;">
< strong>Telefon:< /strong>< span

class="black-txt-main-new">21 53 03 30< /span>< /div>
< div class="gap5">
< /div>
< div class="black-txt-two-new_new"

style="padding-left: 10px;">
< strong>Fax:< /strong>< span

class="black-txt-main-new">21 53 03 31< /span>< /div>
< div class="gap5">
< /div>
< div class="black-txt-two-new_new"

style="padding-left: 10px;">
< strong>Epost:< /strong>< span

class="black-txt-main-new">post@barnehageforum.no< /span>< /div>
< div class="gap15">
< /div>
< div class="black-txt-two-new_new"

style="padding-left: 10px;">
< strong>Postadresse:< /strong>< /div>
< div style="padding-top: 3px;">
< /div>
< div class="black-txt-main-new"

style="padding-left: 10px;">
< strong>Habitus AS / BarnehageForum

Postboks 9266 Grønland 0134 Oslo< /strong>< /div>
< div class="gap15">
< /div>
< div class="black-txt-two-new_new"

style="padding-left: 10px;">
< strong>Besøksadresse:<

/strong>< /div>
< div style="padding-top: 3px;">
< /div>
< div class="black-txt-main-new"

style="padding-left: 10px;">
< strong>Habitus As / BarnehageForum Egedes

gate 1, 0192 Oslo< /strong>< /div>
< div class="gap15">
< /div>

0 comments:

Post a Comment