php - alert med <form> ?? - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html alert php form

<< < 1 2 > >>

Bruger #17121 @ 13.03.12 21:28

hej!

kan man lave en alert, så når man trykker http://funwemake.com/ så kommer der en alert frem, hvor man kan udfylde denne alert hvor der står

fx.

<form action="index.php" method="POST">

Navn : <input type="text" name="formnavn"/>
<input type="submit" value="Send"/>
</form>

... fordi så ville jeg skrive på Index.php, hej og velkommen til (fornavn).

er det muligt, eller er der en anden og bedre mulighed??

11 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #16025 @ 13.03.12 22:05

442

Jeg ville mene at du ikke kan gøre det i javascript's direkte alert() funktion. Du kan derimod oprette en div, og sørge for at den enten er slukket eller tændt.

CSS kode

 #form{display:none;position:absolute;}

Med mere.

HTML kode

 <div id="form"></div>

Imellem <div>-tagget skriver du så din formular.

HTML kode

 <form onsubmit="return false;">

Sådan kan du starte din form

HTML kode

 <input type="submit" onclick="open_close('none')" />

Og sådan kan du bruge din "submit" navn når formularen skal lukkes igen.

For at starte dit script, brug onload.

HTML kode

 <body onload="open_close('block');">

JScript kode

 <script type="text/javascript">
 function open_close(func)
 {
     document.getElementById("form").style.display = func;
 }
 </script>

Koden er ikke gået helt igennem, eller testet. Det er kun et eksempel.

Indlæg senest redigeret d. 13.03.2012 22:05 af Bruger #16025

Bruger #17118 @ 13.03.12 22:14

Sat sammen.
Vil du mene det skulle se sådan her ud Daniele ?

PHP kode

 <head>
     <style>
     #form{display:none;position:absolute;}
     </style>
     <script type="text/javascript">
     function open_close(func)
     {
     document.getElementById("form").style.display = func;
     }
     </script>
     <head>
     <body onload="open_close('block');">
     <div id="form"></div>
     <form onsubmit="return false;">
     <input type="submit" onclick="open_close('none')" />
     </form>
     </body>

Rettet til:

PHP kode

 <head>
     <style>
     #form{display:none;position:absolute;background:#000;color:#fff;font-size:16px;}
     </style>
     <script type="text/javascript">
     function open_close(func)
     {
     document.getElementById("form").style.display = func;
     }
     </script>
     <head>
     <body onload="open_close('block');">
     <div id="form">Skjul denne tekst ved at klikke på knappen.</div><br /><br />
     <form onsubmit="return false;">
     <input type="submit" value="Skjul tekst" onclick="open_close('none')" />
     </form>
     </body>

Indlæg senest redigeret d. 13.03.2012 22:19 af Bruger #17118

Bruger #16025 @ 13.03.12 22:21

442

Rettet lidt til

PHP kode

 <!DOCTYPE html>
 <html>
 <head>
 <title>Titel her</title>
 <style type="text/css">
 #form
 {
 display: none;
 position: absolute;
 top: 15%;
 left: 25%;
 background-color: #E2E2E2;
 border: 4px solid #000000;
 padding: 10px;
 }
 </style>
 <script type="text/javascript">
 function open_close(func)
 {
 document.getElementById("form").style.display = func;
 }
 </script>
 </head>
 
 <body<?php if(!isset($name)) echo(' onload="open_close('block');"'); ?>>
 
 <div id="form">
 <form method="post">
 <input type="text" name="navn" /><br />
 <input type="submit" onclick="open_close('none')" />
 </form>
 </div>
 </body>
 </html>

Noget i den stil. Stadig ikke testet.

Bruger #17118 @ 13.03.12 22:31

Min lille udgave:

PHP kode

 <?php
 $navn = $_REQUEST["navn"];
 if ($navn){
 ?>
 <p>&nbsp;</p><p>&nbsp;</p>
 <?php echo "Hej $navn"; ?><br>
 <?php
 }else {
 ?>
 <div>
 <form action="" method="post" name="pop"><br />
 <div>Skriv et navn her -> <input type="text" name="navn" /><br />
 <input class="button" type="submit" name="Submit" value="Slå navnet op på siden?"></div><br />
 </form></div>
 
 <?php } ?>

At du så vil have den til at poppe ud når du logger ind på "hovedsiden" http://minside.dk

- Må du lave en if-tjek om der er sat et navn. Du kan evt. lave så en database gemmer logs over navne der er besøgt på siden?.

if navn = ja (tru)
Ikke popup.
if navn = nej (fals)
Popup med formen til skriv dit navn. Google med popup. Der er mange måder at lave en popup på. Benytter selv af Ajax.

Men denne form jeg skrev ovenover, kan benyttes.

Bruger #16025 @ 13.03.12 23:05

442

Man kan også gøre som Thomas.
Men jeg ville ikke blandet databasen ind i. Jeg ville lave et check på om $_COOKIE["navn"] var sat. Hvis den er, går den bare ind på siden og udskriver navnet. Hvis ikke den er, så skal den lave en onload i <body>-sektionen, og "poppe" op med formularen. Dette ville gøre siden hurtigere og mere optimal.

Et hurtigt eksempel:

PHP kode

 if(!isset($_COOKIE["navn"]))
     setcookie("navn", $_POST["navn"]);
 
 // $_POST["navn"] er så værdien fra formularen

Indlæg senest redigeret d. 13.03.2012 23:07 af Bruger #16025

Bruger #17121 @ 13.03.12 23:41

er lige tilmeldt.

er denne hjemmeside ligesom eksperten.dk, hvor man skal give point, eller hvad??

Bruger #17118 @ 13.03.12 23:54

er lige tilmeldt.

er denne hjemmeside ligesom eksperten.dk, hvor man skal give point, eller hvad??

Hej.
Hvis du mener de svar der er givet, eller du mener de svar der er givet til andre er gode eller dårlige. Kan du give god eller dårlig karma.
Kræver dog du har karma at give ud af.

Så ja, det vælg som points. Bare med karma.

Til trådens ejermand
Har leget lidt med selve sæt navn med cookies.
Ikke det bedste, er bare kastet sammen. Så det er din egen opgave at ændre det, hvis du mener min kodning er grim eller fylder for meget.

index.php
(sæt dette ind før <!DOCTYPE) altså helt i toppen.

PHP kode

 <?php
 SESSION_START(); //Benytter jeg altid i index.php
 
 //denne del giver et cookie efter klik på form knappen.
 
     if(isset($_POST['lol'])) :
     setcookie("mitnavn",$_POST['mitnavn'],time()+3600);
     endif;
 
 //denne del fjerner cookie efter klik på form knappen.
 
     if(isset($_POST['skift'])) :
     setcookie("mitnavn",$_POST['mitnavn'],time()-3600);
     endif;
 
 //den sætter kun cookies hvis formen er udfyldt. dog kun check med javascript. Der kan du selv lave en tjek med php.
 ?>

Procent.php (er den fil jeg har leget i. Derfor kaldes den for Procent.php)

PHP kode

 <head>
 <style>
 .mitnavnher {
 font-size: 14px;
 color: red;
 }
 .klikpaa {
 border: 1px;
 background: #eee;
 color: #000;
 }
 </style>
 <script type="text/javascript">
 function validateForm()
 {
 var x=document.forms["myForm"]["mitnavn"].value;
 if (x==null || x=="")
   {
   alert("Udfyld venligst feltet!");
   return false;
   }
 }
 </script>
 </head>
 <?php 
 if(isset($_POST['lol'])) :
 echo "<meta HTTP-EQUIV='REFRESH' CONTENT='0; URL=Procent'>";
 else:
 if($_COOKIE['mitnavn']):
 else:
 echo ("
 <form name=\"myForm\" action=\"\" onsubmit=\"return validateForm()\" method=\"post\">
 <input type='text' maxlength='20' name='mitnavn' /><br />
 <input type='submit' name='lol' class='klikpaa' value='Opdatér'>
 </form>
 ");
 endif;
 endif;
 if(isset($_POST['skift'])) :
 echo "<meta HTTP-EQUIV='REFRESH' CONTENT='0; URL=Procent'>";
 endif;
 if(!$_COOKIE['mitnavn']):
 else:
 echo "<b class='mitnavnher'>Navn: $_COOKIE[mitnavn]</b>";
 echo ("
 <form action='' method='post'>
 <input type='submit' name='skift' class='klikpaa' value='Skift navn'>
 </form>
 ");
 endif;
 ?>

Med index.php som hovedside der har cookies i toppen, og med Procent.php der kører under index.php, vil det virke.
Hvis du ikke har noget design, så prøv den her:

PHP kode

 <?php
     if(isset($_POST['lol'])) :
     setcookie("mitnavn",$_POST['mitnavn'],time()+3600);
     endif;
     if(isset($_POST['skift'])) :
     setcookie("mitnavn",$_POST['mitnavn'],time()-3600);
     endif;
 ?>
 <head>
 <style>
 .mitnavnher {
 font-size: 14px;
 color: red;
 }
 .klikpaa {
 border: 1px;
 background: #eee;
 color: #000;
 }
 </style>
 <script type="text/javascript">
 function validateForm()
 {
 var x=document.forms["myForm"]["mitnavn"].value;
 if (x==null || x=="")
   {
   alert("Udfyld venligst feltet!");
   return false;
   }
 }
 </script>
 </head>
 <?php 
 if(isset($_POST['lol'])) :
 echo "<meta HTTP-EQUIV='REFRESH' CONTENT='0; URL=Procent'>";
 else:
 if($_COOKIE['mitnavn']):
 else:
 echo ("
 <form name=\"myForm\" action=\"\" onsubmit=\"return validateForm()\" method=\"post\">
 <input type='text' maxlength='20' name='mitnavn' /><br />
 <input type='submit' name='lol' class='klikpaa' value='Opdatér'>
 </form>
 ");
 endif;
 endif;
 if(isset($_POST['skift'])) :
 echo "<meta HTTP-EQUIV='REFRESH' CONTENT='0; URL=Procent'>";
 endif;
 if(!$_COOKIE['mitnavn']):
 else:
 echo "<b class='mitnavnher'>Navn: $_COOKIE[mitnavn]</b>";
 echo ("
 <form action='' method='post'>
 <input type='submit' name='skift' class='klikpaa' value='Skift navn'>
 </form>
 ");
 endif;
 ?>

Koden er testet i index.php / Procent.php ved mig, og det virker.
Den sætter cookies, og der kan fjernes cookies, så et nyt navn kan skrives.

P.s

Du kan bruge denne i de filer navnet skal fremgå i.

<?php echo "$_COOKIE[mitnavn]";?>

Fik lige 20 minutter tilovers.
Så fik lige lavet noget. Du kan se på siden om det er noget, hvis ja - Har pakket det ned, så i kan hente det. Gratis, og i må ændre det som i vil.

Men den laver kun popup, hvis cookies ikke er sat. Hvis ja, viser den blot navnet. Man kan skifte det.
Men er det ikke sat, fader den ind med en popup med skriv navn.
Popup skulle gerne lukke automatisk - den tog lige 3 min. så håber close virker som det skal. med parent.parent.window.location.

Test side.
Download komplet

Kan se et ulempe i IE 9. Men om det kun er hos mig, ved jeg ikke - men kan rettes - må i selv rode med. Men det virker i FF & CHROME. Så værsgo.

Indlæg senest redigeret d. 14.03.2012 01:34 af Bruger #17118

Bruger #16025 @ 14.03.12 06:59

442

Fint arbejde Thomas. Jeg ville bare aldrig bruge et meta tag til at genindlæse siden med. Brug $_ajax til at sende "navnet" med en $_GET variabel hvor siden så kan genindlæse navnet uden refresh?

Bruger #17118 @ 14.03.12 07:12

Fint arbejde Thomas. Jeg ville bare aldrig bruge et meta tag til at genindlæse siden med. Brug $_ajax til at sende "navnet" med en $_GET variabel hvor siden så kan genindlæse navnet uden refresh?

Godmorgen.
Ja, jeg vil hellere ikke lave det på den måde - men for at kunne håbe på at folk forstod hvad de forskellige funktioner gjorde, så kan de jo derfra selv udvikle det videre. Rette refresh og fra POST til GET.

Jeg bruger selv meget dynamisk AJAX, så det kører på en helt anden måde.
Men igen der, syntes jeg selv folk skal lege med det - så det bliver som de vil have det.

Men det er nu ikke noget jeg vil kunne bruge selv på mine sider. Da jeg ikke kan se hvorfor folk skal påminde sig om sit eget navn

Ved da godt jeg hedder Thomas. Og får det ikke selv bedre ved der står. Nissemand eller lign. Men lavet blev det til frit benyttelse. hehe.

Bruger #17086 @ 14.03.12 07:17

Brug evt localStorage='navn' i stedet for cookie .. det er nemt.

<< < 1 2 > >>

alert med <form> ??

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler