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
    New to the CF scene
    Join Date
    Feb 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Script is not friendly with FireFox and IE

    Hi, I have problem with my javascript information checking, it works just on Opera..
    <head>
    <script type="text/javascript">
    function vardasFunkcija() {
    document.form1.vardas.disabled = ""
    document.form1.slaptazodis.disabled = ""
    document.form1.slaptazodis2.disabled = ""
    document.form1.pastas.disabled = ""
    document.form1.telefonas.disabled = ""
    document.form1.adresas.disabled = ""
    document.form1.miestas.disabled = ""
    document.form1.taisykles.disabled = ""
    }
    function changeField() {
    var domenas = document.forms['form1'].elements['domenas'];
    var subas = document.forms['form1'].elements['sub'];
    var subdomenas = document.forms['form1'].elements['subdomenas'];
    if (document.form1.planai[0].checked == true) {
    domenas.disabled = "disabled"
    subas.disabled = ""
    subdomenas.disabled = ""
    } else {
    domenas.disabled = ""
    subas.disabled = "disabled"
    subdomenas.disabled = "disabled"
    }
    }
    </script>
    <script language="javascript1.2">
    function checkData() {
    if (document.form1.subdomenas.value.length > "1" || document.form1.domenas.value.length > "1") {
    document.form1.subdomenas.style = "";
    document.form1.domenas.style = "";
    document.form1.sub.style = "";
    return checkVard()
    }
    alert("Prašome nurodyti domeną/subdomeną")
    document.form1.domenas.style = "border: #FF0000 2px solid";
    document.form1.subdomenas.style = "border: #FF0000 2px solid";
    document.form1.sub.style = "border: #FF0000 2px solid";
    return (false)
    }
    function checkVard() {
    if (document.form1.vardas.value.length > "8") {
    document.form1.vardas.style = "";
    return checkSlap()
    }
    alert("Nurodykite vardas, pavardę.")
    document.form1.vardas.style = "border: #FF0000 2px solid";
    return (false)
    }
    function checkSlap() {
    if (document.form1.slaptazodis.value.length > "5") {
    document.form1.slaptazodis.style = "";
    return checkSlap2()
    }
    alert("Įveskite slaptažodį")
    document.form1.slaptazodis.style = "border: #FF0000 2px solid";
    return (false)
    }

    function checkSlap2() {
    if (document.form1.slaptazodis.value == document.form1.slaptazodis2.value) {
    document.form1.slaptazodis2.style = "";
    return checkTel()
    }
    alert("Slaptažodiai nesutampa")
    document.form1.slaptazodis2.style = "border: #FF0000 2px solid";
    return (false)
    }

    function checkTel() {
    if (document.form1.telefonas.value.length == "12") {
    document.form1.telefonas.style = "";
    return checkEmail()
    }
    alert("Įveskite teisingą telefono numerį.")
    document.form1.telefonas.style = "border: #FF0000 2px solid";
    return (false)
    }

    function checkAdr() {
    if (document.form1.adresas.value.length > "8") {
    document.form1.adresas.style = "";
    return checkMie()
    }
    alert("Įveskite teisingą adresą")
    document.form1.adresas.style = "border: #FF0000 2px solid";
    return (false)
    }

    function checkMie() {
    if (document.form1.miestas.value.length > "3") {
    document.form1.miestas.style = "";
    return checkTai()
    }
    alert("Įveskite miestą")
    document.form1.miestas.style = "border: #FF0000 2px solid";
    return (false)
    }

    function checkTai() {
    if (document.form1.taisykles.checked == true) {
    document.form1.taisykles.style = "";
    return (true)
    }
    alert("Sutikite su taisyklėmis")
    document.form1.taisykles.style = "border: #FF0000 2px solid";
    return (false)
    }
    </script>
    <SCRIPT LANGUAGE="javascript1.2">
    function checkEmail() {
    if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(form1.pastas.value)){
    document.form1.pastas.style = "";
    return checkAdr()
    }
    alert("Įveskite teisingą el. pašto adresą.")
    document.form1.pastas.style = "border: #FF0000 2px solid";
    return (false)
    }
    </script>
    </head>
    <body>
    <form name="form1" action="registracija.php" method="POST" onSubmit="return checkData()">
    <label>
    <input name="planai" type="radio" value="1" OnClick="changeField()" checked="checked" />
    Subdomenas </label><br/>
    <label>
    <input name="planai" type="radio" value="2" OnClick="changeField()" />
    Domenas </label><br/><br/>
    Domenas: <input type="text" name="domenas" disabled="disabled" onChange="vardasFunkcija()"><br/>
    Subdomenas: <input type="text" name="subdomenas" onChange="vardasFunkcija()"><select name="sub">
    <option value=".subdomain">.subdomain</option>
    <option value=".subdomain2">.subdomain2</option>
    </select><br/><br/>
    Vardas, Pavardė: <input type="text" name="vardas" disabled="disabled"><br/>
    Slaptažodis: <input type="password" name="slaptazodis" disabled="disabled"><br/>
    Slaptažodis dar kartą: <input type="password" name="slaptazodis2" disabled="disabled"><br/>
    Telefonas.: <input type="text" name="telefonas" value="+3706" disabled="disabled"><br/>
    El. Paštas: <input type="text" name="pastas" disabled="disabled"><br/>
    Adresas: <input type="text" name="adresas" disabled="disabled"><br/>
    Miestas: <input type="text" name="miestas" disabled="disabled"><br/>
    Taisyklės: <input type="checkbox" name="taisykles" disabled="disabled"><br/>
    Registruoti: <input type="submit" name="Registruoti" value="Registruoti" />
    </form>
    </body>
    </html>

    So how to make ir friendly for other browsers?

  • #2
    Banned
    Join Date
    May 2006
    Location
    England
    Posts
    664
    Thanks
    0
    Thanked 84 Times in 84 Posts
    Quote Originally Posted by darles View Post
    document.form1.vardas.disabled = ""
    .
    .
    domenas.disabled = "disabled"
    The way to disable an element is
    Code:
    element.disabled=true;
    To enable an element
    Code:
    element.disabled=false;
    Setting .disabled to an empty string could be ambiguous.

    The FX JavaScript console makes the initial problem quite clear:

    document.form1.domenas.style = "border: #FF0000 2px solid";

    Should be:

    document.form1.domenas.style.border="#FF0000 2px solid";

    etc.


  •  

    Posting Permissions

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