Avatar billede tobrukDk Novice
18. april 2012 - 02:03 Der er 21 kommentarer og
1 løsning

problemer med et pop i javascript

Hej


Det er sådan at jeg er blevet god nok til php så jeg vil bygge videre til javasciprt så må videre til ajax det kunne være fedt nååår men jeg er kommet ind i mit første problem ;


<input type="button" name="password" onclick="pass();" value="?"/>


    function pass()
    {
        alert("Sikker dig at ingen ser dit password!.");
    }




kan overhovedet ikke se fejl lige nu og har næsten lige lavet det sammen :)
Avatar billede mireigi Novice
18. april 2012 - 03:33 #1
Umiddelbart ser det fint ud.

Har du et link til koden?
Avatar billede KHHP Juniormester
18. april 2012 - 07:53 #2
ja, der er ingen fejl i det du har skrevet, dog vil jeg gerne vide om du kun har sat de ting ind du mener er problemet, eller om det er sådan det ser ud.
En færdig udgave burde se således ud:
<form><input type="button" name="password" onclick="pass();" value="?"/>
</form>
<script type="text/javascript">
function pass()
    {
        alert("Sikker dig at ingen ser dit password!.");
    }
</script>

Så skulle det virke. Måske skal du lave din knap og form-tagget en smule om:
<form onsubmit="pass();"><input type="submit" name="password" value="?"/>
</form>
<script type="text/javascript">
function pass()
    {
        alert("Sikker dig at ingen ser dit password!.");
    }
</script>
Avatar billede Slettet bruger
18. april 2012 - 08:24 #3
Hvad er formålet med en button, der står password på ?!?

Skulle det ikke være et felt man taster ind i ?
- med type="password" - kan naboen ikke se hvad man taster!
Avatar billede tobrukDk Novice
18. april 2012 - 09:26 #4
#3 det er sådan at jeg har en submit som ser sådan her ud;



<input type="submit" value="Godkend profil" onclick="godkendt_bruger();">



hvor function ligge ind her;

<script type="text/javascript" src="javasciprt_function/opret_godkendt.js"></script>

som har dem her ind i sig ;

jeg har 2 function ind i 1 fil? ved ikke om må/kan gøre det sådan


function godkendt_bruger()
    {
        alert("Din Bruger nu blevet opret, Du skal tjek din email fra os.");
    }
   
    function pass()
    {
        alert("Sikker dig at ingen ser dit password!.");
    }
Avatar billede Slettet bruger
18. april 2012 - 10:01 #5
Du kan sagtens have mange funktioner i samme .js fil : )

Men det er noget galt med din "strategi":
Den siger jo at brugeren er oprettet, uanset om det er sandt eller ej ?!?
- den meddelelse bør komme fra serveren - EFTER brugeren blev oprettet.

Javascript skelet:
<form name="FORM" action="opret.php" method="post" onsubmit="return check()">
    Brugernavn: <input name="NAVN" type="text">
    <br>
    Password: <input name="PASS" type="password">
    <br>
    <input type="submit" value="Opret">
</form>

...

<script>
String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g,"") } // fjern luft foran/bagi streng
function check()
    {
    document.FORM.NAVN.value = document.FORM.NAVN.value.trim()
    document.FORM.PASS.value = document.FORM.PASS.value.trim()
    var fejl = ""
    if (document.FORM.NAVN.value.length() == 0)
        fejl += "\n - Brugernavn mangler."

    if (document.FORM.PASS.value.length() < 6)
        fejl += "\n - Password er for kort (minimum 6 tegn)."

    if (fejl != "")
        {
        alert("Fejl:" + fejl)
        return false // submit stoppes
        }

    return true // submit udføres
    }
</script>
Avatar billede tobrukDk Novice
18. april 2012 - 10:47 #6
Det er ikke sådan jeg skal have bygge det op, det er sådan at klik man på "?" så kommer der en box op altså pop-pop hvor der stå noget. :) så bruger ved hvad det er,
Avatar billede olsensweb.dk Ekspert
18. april 2012 - 12:46 #7
er det dette du forsøger ??


<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
<!--
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<link rel="stylesheet" href="menu.css" />
-->
    <style type="text/css">
    </style>
    <script type="text/javascript">
    function HelpUserName()
    {
        alert("dit bruger skal være din email addresse");
    }
 
    function HelpPass()
    {
        alert("password skal indeholde min 8 karakterer og være en blanding af\nstore/små bogstaver tal og specieal karaktere.");
    }
    </script>
</head>
<body>
<form name="testform" action="#" method="post">
    Brugernavn:
    <input name="navn" type="text">
    <input type="button" value="?" onclick="HelpUserName();">
    <br>
    Password:
    <input name="pass" type="password">
    <input type="button" value="?" onclick="HelpPass();">
    <br>
    <input type="submit" value="Opret">
</form>
</body>
</html>
Avatar billede Slettet bruger
18. april 2012 - 15:01 #8
<b onclick="alert('bla bla')" style="cursor:pointer">?</b>
Avatar billede tobrukDk Novice
18. april 2012 - 17:28 #9
#7

ja men jeg hár gør sådan hvis alle input er fyldt ude af php men det må jeg gerne ville have det er når man klik på en buttom så pop det op omkring hvad er det osv altså infomation. og jeg har gøre sådan at når alt er okay så kommer den frem og siger alt ok og man skal aktiveret bruger mv.. :)

#8 dette kunne være en mulighed men jeg ser gerne at det er det buttom..
Avatar billede olsensweb.dk Ekspert
18. april 2012 - 18:58 #10
>ja men jeg hár gør sådan hvis alle input er fyldt ude af php men det må jeg gerne ville have det er når man klik på en buttom så pop det op omkring hvad er det osv altså infomation
forstår ikke hvad du mener her

>og jeg har gøre sådan at når alt er okay så kommer den frem og siger alt ok og man skal aktiveret bruger mv.. :)
det er da bare en form validering, som vist i #5, hvor du bare laver en popup inde du retunerer.

>#8 dette kunne være en mulighed men jeg ser gerne at det er det buttom..
må indrømme, jeg syntes det virker klodset at bruge en knap til det formål
Avatar billede tobrukDk Novice
18. april 2012 - 20:19 #11
#10

Det vil jeg vil have ud af det her er at man kan klik på button og så kommer der ligesom et pop frem hvor der stå infomation omkring den ting eller lign??


<tr>
            <td><p>Der kommer intet spam til mobil eller email!</p></td>
            <td>:</td>
            <td><input type="submit" value="Godkend profil" onclick="godkendt_bruger();"></td>
        </tr>


er til det her ;


function godkendt_bruger()
    {
        alert("Din Bruger nu blevet opret, Du skal tjek din email fra os");
    }



og så vil jeg gerne lave et popup vindue eller ligesom når man holder musen over ? så kommer der en lille box frem hvor der stå noget eller lign? hvis det er muligt med javascript men så skal jeg nok have lidt mere kendeskab til det så vi holder os til den let del det er at lave et pop-up




<tr>
            <td><p>Adgangskode</p></td>
            <td>:</td>
            <td><input type="password" name="password"></td>
            <td><input type="button" name="password" onclick="password();" value="?"/></td>
        </tr>


til det her

    function password()
    {
        alert("Sikker dig at ingen ser dit password!.");
    }
Avatar billede olsensweb.dk Ekspert
18. april 2012 - 20:36 #12
>er til det her ;
>function godkendt_bruger()
>{
>    alert("Din Bruger nu blevet opret, Du skal tjek din email fra os");
>}
denne melding vil kræver et svar fra serveren som tidligere skrevet, det kunne gøres via AJAX, men så længe du ikke er bedre til JS så hold dig fra AJAX

>når man holder musen over ? så kommer der en lille box frem hvor der stå noget eller lign?
eventen hedder onmouseover istedet for onclick
Avatar billede tobrukDk Novice
18. april 2012 - 20:38 #13
okay så kan jeg lave min egen box eller hvad Ronols ?

er det nemt eller hvad?

altså at lave en box ?


hvad mener du helt med det her??
denne melding vil kræver et svar fra serveren som tidligere skrevet, det kunne gøres via AJAX, men så længe du ikke er bedre til JS så hold dig fra AJAX
Avatar billede olsensweb.dk Ekspert
18. april 2012 - 21:05 #14
google js show message onmouseover

>altså at lave en box ?
kender du HTML tag'et title?? det kan sættes på et input element
// visser en hjælpetest
<input name="navn" type="text" title="her er en hjælpe text til navn">

// kalder en function der pt bare er en alertbox, (pisse ireterende), function vist i #7
<input type="button" value="?"  onmouseover="HelpUserName();"> 


>hvad mener du helt med det her??
hvis du skal kunne give brugeren en besked om at der er sket noget på serveren, kræver det et svar fra serveren, det kræver man kontakter serveren og får svaret, hvilke kan gøres med AJAX.
AJAX = Asynchronous JavaScript and XML.
med tiden bør du google js ajax tutorial, mange tut er desværre fejl behæftiget, og retunerer HTML code, hvilke ikke er meningen med AJAX,  specielt w3schools.com/ajax/default.asp er fejlbehæftiget, du kan også vente på OleBole skriver en tut, hvilke han har truede med.
Avatar billede tobrukDk Novice
18. april 2012 - 21:56 #15
#14

jeg har fundet den her ;
http://www.wallpaperama.com/forums/javascript-onmouseover-show-small-windows-then-hide-t6718.html

den virker meget god :) altså linket..


jeg tror at jeg vente på olebole. :) jeg synes personlig han laver nogle god tut, og jeg kender ham også personligt i IRL :)
Avatar billede tobrukDk Novice
18. april 2012 - 22:38 #16
den virker bare ikke
Avatar billede tobrukDk Novice
18. april 2012 - 22:52 #17

<style type="text/css">
<!--
.box {
background-color: #F4F4F4;
border: 1px solid #CCC;
height: 100px;
width: 200px;
padding: 5px;
display:none;
position:absolute;
}

-->
</style>
<script type="text/javascript" language="JavaScript">
var cX = 0; var cY = 0; var rX = 0; var rY = 0;
function UpdateCursorPosition(e){ cX = e.pageX; cY = e.pageY;}
function UpdateCursorPositionDocAll(e){ cX = event.clientX; cY = event.clientY;}
if(document.all) { document.onmousemove = UpdateCursorPositionDocAll; }
else { document.onmousemove = UpdateCursorPosition; }
function AssignPosition(d) {
if(self.pageYOffset) {
rX = self.pageXOffset;
rY = self.pageYOffset;
}
else if(document.documentElement && document.documentElement.scrollTop) {
rX = document.documentElement.scrollLeft;
rY = document.documentElement.scrollTop;
}
else if(document.body) {
rX = document.body.scrollLeft;
rY = document.body.scrollTop;
}
if(document.all) {
cX += rX;
cY += rY;
}
d.style.left = (cX+10) + "px";
d.style.top = (cY+10) + "px";
}
function HideText(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowText(d) {
if(d.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd);
dd.style.display = "block";
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd);
if(dd.style.display == "none") { dd.style.display = "block"; }
else { dd.style.display = "none"; }
}
//-->
</script>


<span
onmouseover="ShowText('Message'); return true;"
onmouseout="HideText('Message'); return true;"
href="java script:ShowText('Message')">
<img src="http://www.wallpaperama.com/forums/post-images/20081107_6718_question-mark.gif">
</span>
<div
id="Message"
class="box"
>
You can find good wallpapers at wallpaperama.com plus stuff to get your wallpaper website going
</div>


hvorfor virker den ikke hos mig??
Avatar billede olsensweb.dk Ekspert
18. april 2012 - 23:38 #18
>hvorfor virker den ikke hos mig??
jeg kan slet ikke komme ind på deres side :(, men det var en frygtelig masse code for så lidt

kig på denne http://www.netbulge.com/index.php?session=0&action=read&click=open&article=1120173115
kig på første indlæg http://www.dreamincode.net/forums/topic/44814-onmouseover-display-a-box-that-show-text-url/

jeg har lavet en lille demo her, hvis du holder musen over input feltet får du en besked, og andre beskeder ved spørgsmåls tegnene, der er også lavet noget validering ved submit
Avatar billede tobrukDk Novice
19. april 2012 - 07:22 #19
Okay  #18 jeg kigger lige på det når jeg er ved egen computer ;)
Avatar billede tobrukDk Novice
19. april 2012 - 14:50 #20
Jeg snakke med en ven og sagde "Javascript tooltip"
Avatar billede tobrukDk Novice
19. april 2012 - 18:31 #21
og ronols du skal have noget for hjælpen :)
Avatar billede olsensweb.dk Ekspert
19. april 2012 - 19:52 #22
svar
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