Avatar billede ameq Nybegynder
21. november 2002 - 08:01 Der er 17 kommentarer og
1 løsning

Textbox

Jeg leder efter et scritp, så man skal hører hele vejen ved i bunden af mulit line textboxen, før man kan trykke submit
Avatar billede Slettet bruger
21. november 2002 - 14:29 #1
http://phoenixv.h4f.dk/tascroll.html

Det virker desværre kun i IE, og man skal slippe scrollbaren, når man er nede i bunden, ellers bliver det ikke registreret. Det sidste kan omgås, men det er for meget besvær, synes jeg.
Avatar billede ameq Nybegynder
21. november 2002 - 19:23 #2
ja men hvad nu hvis det er et text link?
Avatar billede ameq Nybegynder
21. november 2002 - 19:24 #3
men er der andre måder at tjekt en bruge at brugeren har læste alt hvad der står i textboxen?
Avatar billede Slettet bruger
22. november 2002 - 14:26 #4
Se på linket igen.

Jeg kan ikke lige komme på en anden metode, og forresten er det jo ingen garanti, at brugeren har scrollet ned i textarea'et. Jeg kan fixe bug'en med, at man skal slippe scrolleren (tror jeg), men det er nok det eneste, der er at gøre ved det.
Avatar billede ameq Nybegynder
22. november 2002 - 14:40 #5
ja noget i den stil, jeg vil lige sætte mig og lege med det =)
Avatar billede ameq Nybegynder
22. november 2002 - 18:50 #6
http://developer.ameq.dk/pizzaonline/useradd.asp?step=1
jeg har leget lidt med det....
men jeg har en dle problemmer... hvordan skal jeg sumbit og jeg har nolge submitbox som skal desalbs eller hvad det nu hedder så man ikke kan trykke på den/dem =)
Avatar billede Slettet bruger
24. november 2002 - 16:53 #7
Du skriver lige hurtigt nok! :)

Skal det være sådan, at man ikke kan skrive noget i felterne, før man har læst teksten igennem?
Avatar billede ameq Nybegynder
25. november 2002 - 17:23 #8
nej jeg havet nu bare tænket mig at man bare skal kunne læse teksten i fælet også skal submit knappen og "submit" link kunne bruge... hvis du er med?
Avatar billede Slettet bruger
26. november 2002 - 15:45 #9
Jeg kan ikke se nogen submit-knapper på din side. Og jeg har jo allerede lavet det med linket, eller hvad?
Avatar billede ameq Nybegynder
27. november 2002 - 18:44 #10
jeg har style min submit så man ikke kan se den...
Avatar billede Slettet bruger
28. november 2002 - 11:41 #11
OK, på den måde.
Så ændrer du bare dette i mit script:

if (!set && ta.scrollTop >= ta.scrollHeight - ta.offsetHeight) {
document.all.mitLink.style.color = "blue";
document.all.mitLink.style.cursor = "hand";
set = true;
}

... til dette:

if (!set && ta.scrollTop >= ta.scrollHeight - ta.offsetHeight) {
document.all.mitLink.style.color = "blue";
document.all.mitLink.style.cursor = "hand";
document.formNavn.submitKnapNavn.disabled = false;
set = true;
}

Og ved din submit-knap skriver du dette:

<input type="submit" name="submitKnapNavn" value="" class="nobox" disabled>
Avatar billede Slettet bruger
28. november 2002 - 11:42 #12
P.S. Du må huske, at NS-brugere ikke kan bestille pizzaer nu!
Avatar billede ameq Nybegynder
28. november 2002 - 20:24 #13
he he det er jeg da lige glad med =) he he
Avatar billede ameq Nybegynder
28. november 2002 - 20:24 #14
he he men kan du lave det der med submit knappen?
Avatar billede ameq Nybegynder
28. november 2002 - 20:36 #15
okey det lagger lige for mig =) he he
den laver en fejl i den her...
men skal den stå i head? (JA jeg ved det er slam kode hvis den ikke gør)
if (!set && ta.scrollTop >= ta.scrollHeight - ta.offsetHeight) {
Avatar billede Slettet bruger
30. november 2002 - 12:48 #16
Hov, nu blander du det hele sammen!
Her kommer al den kode, du skal sætte ind på siden (jeg har fjernet den ene unødvendige submit-knap):


<html>
<head>
<title>&laquo; Pizza Online - Når du bliver træt af kantinens hundeføde &raquo;</title>
<link rel="shortcut icon" href="../images/iexplore.ico">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
body{
                    font-family : Verdana;
}
.maintable{
                    background-repeat:no-repeat
}
.alltabel{
    border-top-width: 1px;   
    border-top-style: solid;
    border-top-color: black;
   
    border-left-width: 1px;   
    border-left-style: solid;   
    border-left-color: black;
   
    border-right-width: 1px;   
    border-right-style: solid;
    border-right-color: black;

    border-bottom-width: 1px;   
    border-bottom-style: solid;   
    border-bottom-color: black;
}
.headlinetabel{
    border-top-width: 1px;   
    border-top-style: solid;
    border-top-color: black;

    border-bottom-width: 1px;   
    border-bottom-style: solid;   
    border-bottom-color: black;
}
.headlinetabel2{

    border-bottom-width: 1px;   
    border-bottom-style: solid;   
    border-bottom-color: black;
}
.linetabel{
   

    border-left-width: 1px;   
    border-left-style: solid;   
    border-left-color: black;   

    border-right-width: 1px;   
    border-right-style: solid;
    border-right-color: black;

    border-bottom-width: 1px;   
    border-bottom-style: solid;   
    border-bottom-color: black;
}
.statustabel{
   
    border-right-width: 1px;   
    border-right-style: solid;
    border-right-color: black;

    border-bottom-width: 1px;   
    border-bottom-style: solid;   
    border-bottom-color: black;
}
.toptabel{
    border-top-width: 1px;   
    border-top-style: solid;
    border-top-color: black;
}
.nobox{
background-color : #B95C00;
border-color : #B95C00;
border : 0px;
color : #B95C00;
}
.textbox{
font-size : 12;
background-color : #B95C00;
border-color : black;
border-width: 1px;
color : black;
}
                    A.del:link {text-decoration: none}
                    A.del:visited {text-decoration: none}
                    A.del:hover {color:;text-decoration:underline}
                   
                    A.menu:link {text-decoration: none}
                    A.menu:visited {text-decoration: none}
                    A.menu:hover {color:;text-decoration:underline}
                   
                    A.pizzaorderlist:link {text-decoration: none}
                    A.pizzaorderlist:visited {text-decoration: none}
                    A.pizzaorderlist:hover {text-decoration:underline}

                    A.pizzaorder:link {text-decoration:underline}
                    A.pizzaorder:visited {text-decoration:underline}
                    A.pizzaorder:hover {text-decoration:underline}

                    A:link {text-decoration: none}
                    A:visited {text-decoration: none}
                    A:hover {text-decoration:underline}                   
</style>

<script type="text/javascript">
<!-- Start

billede1 = new Image();
billede1.src = "billede1.gif";

billede2 = new Image();
billede2.src = "billede2.gif";

function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}

// Slut -->
</script>

</head>
<body bgcolor="#E17100" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="950" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="maintable" background="images/pizzabanner.gif">
  <tr>
    <td height="100%" valign="top">
      <table width="750" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="128"></td>
        <td height="128"></td>
        <td height="128"></td>
        <td height="128"></td>
        <td height="128"></td>
        <td height="128"></td>
      </tr>
      <tr>
        <td width="200" height="22"></td>
        <td width="190" height="22"> <div align="right">
        <a href="index.asp"
onmouseover="skiftbillede('eksempel','indexstyle/menu/kantinen_glow.gif')"
onmouseout="skiftbillede('eksempel','indexstyle/menu/kantinen.gif')">
<img name="eksempel" src="indexstyle/menu/kantinen.gif" alt="Kantinen Denne Uge"
style="border:none;" /></a>
</div></td>
        <td width="125" height="22"> <div align="right">
           
            <a href="pizzaliste.asp?"
onmouseover="skiftbillede('eksempel3','indexstyle/menu/oversigt_glow.gif')"
onmouseout="skiftbillede('eksempel3','indexstyle/menu/oversigt.gif')">
<img name="eksempel3" src="indexstyle/menu/oversigt.gif" alt="Pizza Oversigt"
style="border:none;" /></a> 
           
          </div></td>
        <td width="75" height="22"> <div align="right">
           
            <a href="login.asp?step=1"
onmouseover="skiftbillede('eksempel4','indexstyle/menu/login_glow.gif')"
onmouseout="skiftbillede('eksempel4','indexstyle/menu/login.gif')">
<img name="eksempel4" src="indexstyle/menu/login.gif" alt="Login"
style="border:none;" /></a></div>
         
        </div></td>
        <td width="75" height="22"> <div align="right">
        <a href="credits.asp"
onmouseover="skiftbillede('eksempel6','indexstyle/menu/credits_glow.gif')"
onmouseout="skiftbillede('eksempel6','indexstyle/menu/credits.gif')">
<img name="eksempel6" src="indexstyle/menu/credits.gif" alt="Credits"
style="border:none;" /></a>
        </div></td>
        <td width="75" height="22"> <div align="right"></div>
        <a href="faq.asp"
onmouseover="skiftbillede('eksempel7','indexstyle/menu/faq_glow.gif')"
onmouseout="skiftbillede('eksempel7','indexstyle/menu/faq.gif')">
<img name="eksempel7" src="indexstyle/menu/faq.gif" alt="FAQ"
style="border:none;" /></a>
        </div></td>
      </tr>
      <tr>
        <td height="50"></td>
        <td height="50" colspan="5" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td height="5"></td>
            </tr>
            <tr>
              <td valign="top"><font size="-6">&nbsp;&nbsp;Ameq.dk @ Developering&nbsp;:
              Der er blivet bestillet i dag
              </font></td>
            </tr>
          </table></td>
      </tr>
    </table>
      <table width="750" height="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="100%" valign="top" background="images/frame.GIF" bgcolor="#B95C00" class="maintable">
            <br>

<body  onload="document.formen.loginname.focus()">
<script>
set = false;

function tjek(ta) {
if (!set && ta.scrollTop >= ta.scrollHeight - ta.offsetHeight) {
document.all.mitLink.style.color = "black";
document.all.mitLink.style.cursor = "hand";
document.formen.submitKnapNavn.disabled = false;
set = true;
}
}
</script>
            <form action="?step=2" method="post" name="formen">
            <table width="410" border="0" cellspacing="0" cellpadding="0" align="center">
                  <tr>
                    <td><div align="center"><font color="black" size="2"><strong>Opret
                      Bruger</strong></font></div></td>
                  </tr>
            </table>
<br>
             
          <table width="450" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td colspan="2"> </td>
            </tr>
            <tr>
              <td><div align="right">
                 
                  <font size="2" color="black">Bruger navn&nbsp;</font></div></td>
              <td><input name="loginname" class="textbox" type="text" id="loginname" value=""></td>
            </tr>
            <tr>
              <td height="24"> <div align="right"><font size="2" color="black">Kode
                  ord&nbsp;</font></div></td>
              <td><input name="password" class="textbox" type="password" id="password2" value=""></td>
            </tr>
            <tr>
              <td><div align="right"><font size="2" color="black">Kode
                  ord igen&nbsp;</font></div></td>
              <td><input name="password2" class="textbox" type="password"  id="password22" value=""></td>
            </tr>
            <tr>
              <td><div align="right"><font size="2" color="black">Husk
                  Ord&nbsp;</font></div></td>
              <td><input name="huskord" class="textbox" type="text" id="huskord" value=""></td>
            </tr>
            <tr>
              <td><div align="right"><font size="2" color="black">Fornavn&nbsp;</font></div></td>
              <td><input name="fornavn" class="textbox" type="text" id="fornavn" value=""></td>
            </tr>
            <tr>
              <td><div align="right"><font size="2" color="black">Efternavn&nbsp;</font></div></td>
              <td><input name="efternavn" class="textbox" type="text"id="efternavn" value=""></td>
            </tr>
            <tr>
              <td><div align="right"><font size="2" color="black">Bord
                  Nr&nbsp;</font></div></td>
              <td><input name="bordnr" class="textbox" type="text"  id="bordnr" value=""></td>
            </tr>
            <tr>
              <td><div align="right"><font size="2" color="black">Ip&nbsp;</font></div></td>
              <td><input name="ipadr" class="textbox" type="text" id="ipadr" disabled value="62.242.18.123"></td>
            </tr>
            <tr>
              <td><div align="right"><font size="2" color="black">E-Mail&nbsp;</font></div></td>
              <td><input name="email" class="textbox" type="text" id="email" value=""></td>
            </tr>
            <tr>
              <td valign="top"> <div align="right"><font size="2" color="black">Info
                  </font><font size="1" color="black">( Fri Tekst )</font>&nbsp;</div></td>
              <td><textarea name="info" cols="40" class="textbox" rows="6" id="textarea"></textarea></td>
            </tr>
            <tr>
              <td></td>
              <td>
                  <textarea name="textarea" cols="40" rows="6" class="textbox" onMouseMove="tjek(this);">-----------Gennen læs aftalen-----------
§1 Jeg har læst FAQ og står ved hvad der står i den
----------------------------------------
§2 Jeg kan ikke stille pizza holder til ansvar for hvis jeg taber penge på at denne siden!
----------------------------------------</textarea>
              </td>
            </tr>
            <tr>
              <td colspan="2"> <div align="center">
                  <a href="java script:history.back(1)"><font size="1" color="black">Tilbage</font></a><font size="1" color="black">
                  - </font><a href="java script:document.all.formen.submit();"><font size="1" color="#CCCCCC" id="mitLink">Opret</font></a><font size="1" color="black">&nbsp;&raquo;</font>
                  <input type="submit" name="submitKnapNavn" value="" class="nobox" disabled>
                </div></td>
            </tr>
          </table>
              <table width="450" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td> <div align="center"> <font size="2" color="black">
                     
                    </font></div></td>
                </tr>
              </table>
            </form>
</body>
</td>
        </tr>
      </table>
      </td>
    <td valign="top"><table width="180" height="175" border="0" cellpadding="0" cellspacing="0">
        <tr height="10">
         
      <td height="10" valign="bottom"><div align="right"><font color="black" size="-6" id="taeller"><strong>Version
          2.9 Beta&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
          11/30/2002&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
          </strong></font></div></tr>
      </table>
  <table width="180" border="0" align="center" cellpadding="0" cellspacing="0" background="images/statustop.GIF">
    <tr>
      <td width="10" height="30"></td>
      <td valign="top">
       
        <a href="?showhttp=status"><font color="black" size="-7"><img src="images/menushow.GIF" width="12" height="12" border="0"></font></a>
       
        <div align="center"><strong><font size="2">Status :
       
          </font></strong></div></td>
      <td width="10"></td>
    </tr>
  </table>
 
  <table width="180" border="0" align="center" cellpadding="0" cellspacing="0" background="images/statusmiddle.GIF">
    <tr>
      <td width="10" height="10"></td>
      <td width="160" height="10"> <font color="black" size="1">Solgte
        Pizza'r Idag: 0</font><font color="black" size="2"><br>
        <font size="1">$ Idag: </font><br>
        </font> </td>
      <td width="10" height="10"></td>
    </tr>
    <tr>
      <td width="10" height="10"></td>
      <td width="160" height="10"></td>
      <td width="10" height="10"></td>
    </tr>
    <tr>
      <td width="10" height="10"></td>
      <td width="160" height="10"> <font color="black" size="1"> Solgte
        Pizza'r Ialt: 11<br>
        $ Ialt:  386 </font> </td>
      <td width="10" height="10"></td>
    </tr>
    <tr>
      <td height="10"></td>
      <td height="10"></td>
      <td height="10"></td>
    </tr>
    <tr>
      <td height="10"></td>
      <td height="10"><div align="center"><font color="black" size="1"><strong>Top
          5</strong></font></div></td>
      <td height="10"></td>
    </tr>
    <tr>
      <td height="10"></td>
      <td height="10">
           
        <table width="150" border="0" cellspacing="0" cellpadding="0" align="center">
          <tr>
            <td><font size="-6"><strong>Nr:</strong></font></td>
            <td><div align="center"><font color="black" size="-7"><strong>Name:</strong></font></div></td>
            <td><div align="right"><font color="black" size="-7"><strong>Antal:</strong></font></div></td>
          </tr>
         
         
          <tr>
            <td><font size="-6">1&nbsp;&nbsp;</font></td>
            <td><font color="black" size="-7">Husets Pizza</font></td>
            <td><div align="right"><font color="black" size="-7">3</font></div></td>
          </tr>
         
          <tr>
            <td><font size="-6">2&nbsp;&nbsp;</font></td>
            <td><font color="black" size="-7">Italiano</font></td>
            <td><div align="right"><font color="black" size="-7">1</font></div></td>
          </tr>
         
          <tr>
            <td><font size="-6">3&nbsp;&nbsp;</font></td>
            <td><font color="black" size="-7">Joy</font></td>
            <td><div align="right"><font color="black" size="-7">1</font></div></td>
          </tr>
         
          <tr>
            <td><font size="-6">4&nbsp;&nbsp;</font></td>
            <td><font color="black" size="-7">Dürüm menu</font></td>
            <td><div align="right"><font color="black" size="-7">1</font></div></td>
          </tr>
         
          <tr>
            <td><font size="-6">5&nbsp;&nbsp;</font></td>
            <td><font color="black" size="-7">Bailano</font></td>
            <td><div align="right"><font color="black" size="-7">1</font></div></td>
          </tr>
         
        </table>
      </td>
      <td height="10"></td>
    </tr>
    <tr>
      <td width="10" height="10"></td>
      <td width="160" height="10"></td>
      <td width="10" height="10"></td>
    </tr>
    <tr>
      <td width="10" height="10"></td>
      <td width="160" height="10"><div align="center"><a href="status.asp"><font color="black" size="1">Den sidste uge</font></a><font color="black" size="1">&nbsp;&raquo;</font></div></td>
      <td width="10" height="10"></td>
    </tr>
  </table>
 
  <table width="180" border="0" align="center" cellpadding="0" cellspacing="0" background="images/statusdown.GIF">
    <tr>
      <td height="10"></td>
      <td height="10"></td>
      <td height="10"></td>
    </tr>
  </table>
  <table width="180" height="10" border="0" cellpadding="0" cellspacing="0">
        <tr height="10">
          <td height="10"></td>
        </tr height="10">
      </table>
  <table width="180" border="0" align="center" cellpadding="0" cellspacing="0" background="images/statustop.GIF">
    <tr>
      <td width="10" height="30"></td>
      <td width="160" height="30" valign="top">
       
        <a href="?showhttp=new"><font color="black" size="-7"><img src="images/menushow.GIF" width="12" height="12" border="0"></font></a>
       
        <div align="center"><strong><font size="2"> Latest News :</font></strong></div></td>
      <td width="10" height="30"></td>
    </tr>
  </table>
 
  <table width="180" border="0" align="center" cellpadding="0" cellspacing="0" background="images/statusmiddle.GIF">
    <tr>
      <td width="10" height="10"></td>
      <td width="160" height="10"></td>
      <td width="10" height="10"></td>
    </tr>
    <tr>
      <td width="10" height="10"></td>
      <td width="160" height="10">
      <div align="center">
     
        <font color="black" size="1"><strong>Ver Beta 3.0 : </strong></font>
        <font color="black" size="1">Så ud kom den ny version...<br>Nu skal jeg bruge nolge beta tester, jeg skal bruge en 5 stykker.. så hvis det er noget for dig, så skriv til mig på IRC <a href="irc:///Ameq"><font color=black>#Ameq</font></A> @ Qnet. eller MSN <a href="mailto:Ameq@Ameq.dk"><font color=black>Ameq@Ameq.dk</font></a></font><br>
        <a href="nyheder.asp"><font color="black" size="-7">Læs Mere...</font></a><font color="black" size="-7"> &raquo;</font>
         
        </div>
      </td>
      <td width="10" height="10"></td>
    </tr>
    <tr>
      <td width="10" height="10"></td>
      <td width="160" height="10"></td>
      <td width="10" height="10"></td>
    </tr>
  </table>
 
  <table width="180" border="0" align="center" cellpadding="0" cellspacing="0" background="images/statusdown.GIF">
    <tr>
      <td height="10"></td>
      <td height="10"></td>
      <td height="10"></td>
    </tr>
  </table>
  <table width="180" height="10" border="0" cellpadding="0" cellspacing="0">
    <tr height="10">
      <td height="10"></td>
    </tr height="10">
  </table>
Avatar billede Slettet bruger
30. november 2002 - 12:48 #17
P.S. Jeg synes, det er snyd, at du kun tænker på IE-brugere. Lav en formular for NS-brugere pgså uden alle de dikkedarer!
Avatar billede ameq Nybegynder
30. november 2002 - 13:39 #18
ja det kan du have ret i...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester