html - form input - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

<< < 1 2 3 > >>

Bruger #16354 @ 13.01.11 13:27

Hej Folkens
Er igang med at kode en form
men har nogle funktioner jeg ikke kan finde ud af at implementerer ...

når man trykker submit så skal den information skrevet i tekstboksen sendes afsted med "tel:" foran
så hvis man skriver 12345678 og trykker submit, så sender den "tel:12345678" afsted ..
Hvordan gør man det?

på forhånd tak

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

Sorter efter stemmer Sorter efter dato

Bruger #14381 @ 17.01.11 18:06

319

Lad mig begynde med at sige det er godt du ændrer i koden selv, den bedste måde at lære!

- Dog som den kodefreak jeg er vil jeg påpege at substr funktionen i PHP tager 3 argumenter. Variablen der skal arbejdes med, start index og længden den skal trække ud af strengen. Så hvis jeg nu siger denne her kode kan fejl hvis jeg kun skriver http ?

Kode

if(substr($userData, 0, 4)!="http://") {

Nu var det ikke for at være ond. Men fordi "http://" er 7 tegn lang skal der stå:

Kode

if(substr($userData, 0, 7)!="http://") {

I hvert fald hvis det skal være helt rigtigt

Anyway tilbage til spørgsmålet.

Jeg ved ikke om jeg har forstået dig korrekt.

Men hvis vi nu antager at du vil have din $userData variabel fra før til at se ud som følger:

Kode

MECARD:N:BRUGERENS NAVN HERn;ADR:BRUGERENS ADRERESSE HER;TEL:BRUGERENS TELEFONNUMMER HER;EMAIL:BRUGERENS EMAIL HER;;

Så er det ikke sværre end at lade PHP stykke dine forme samme serverside. Her har du et eksempel hvor vi laver variablen $userData på ny og sætter den til hvad brugeren nu har skrevet efter ovenstående "formel".

Kode

$navn = $_POST['name'];
$nummer = $_POST['number'];
$adresse = $_POST['adress'];
$email = $_POST['email'];

$userData = "MECARD:N:" . $navn . ";ADR:". $adresse . ";TEL:" . $nummer . ";EMAIL:" . $email . ";;"

Håber det hjalp

Indlæg senest redigeret d. 17.01.2011 18:07 af Bruger #14381

Bruger #14381 @ 13.01.11 19:00

319

Normalt ville man jo bare gøre det inde serverside fx i php

Kode

<?php
$phoneNumber = "tel:" . $_POST['phoneNumber'];
echo "Variablen phoneNumber er nu: " . $phoneNumber;
?>

Ellers er alternativet at bruge javascript til at tilføje det automatisk til tekstboksen inden submit.

Må man spørge hvorfor du ønsker denne funktionalitet til at starte med?

Indlæg senest redigeret d. 13.01.2011 19:01 af Bruger #14381

Bruger #16354 @ 13.01.11 19:55

Hej Henrik

det vil jeg lige prøve, nu ved jeg næsten intet om php, har du evt et link til et javascript version også?

Det er fordi jeg ikke vil have besøgende sletter "tel:" i input når de skal skrive deres telefonnumre, for ellers fejler den kode som bliver genereret.

Jeg har siddet og kæmpet i flere timer nu, har også forsøgt med 2 x textarea og 2 x input i en formel også "disabled" den første med en value i, men det ser heller ikke ud til at fungerer ..
programmering er ikke lige min stærke side

Indlæg senest redigeret d. 13.01.2011 19:56 af Bruger #16354

Bruger #14381 @ 13.01.11 22:15

319

Hej Henrik

det vil jeg lige prøve, nu ved jeg næsten intet om php, har du evt et link til et javascript version også?

Det er fordi jeg ikke vil have besøgende sletter "tel:" i input når de skal skrive deres telefonnumre, for ellers fejler den kode som bliver genereret.

Jeg har siddet og kæmpet i flere timer nu, har også forsøgt med 2 x textarea og 2 x input i en formel også "disabled" den første med en value i, men det ser heller ikke ud til at fungerer ..
programmering er ikke lige min stærke side

Hvis din kode fejler pga "tel:" mangler fra klienten af, så er der noget grueligt galt med din kode ! (no offense)

Hvad nu hvis brugeren ikke har javascript slået til fx?

----

Kan du sige mig helt nøjagtigt hvad det er du prøver at opnå / eventuelt vise filerne. Så skal jeg nok hjælpe dig

Indlæg senest redigeret d. 13.01.2011 22:15 af Bruger #14381

Bruger #16354 @ 14.01.11 11:05

Hej Henrik, no offence taken

Den fejler ikke rigtigt, det er bare den kode som bliver genereret ikke virker rigtigt.

hvis man i input skriver 88888888 så bliver der genereret en barcode som bliver læst som 88888888
Det program som skal læse koden, læser koden sådan: 88888888 (hvis man skriver leasy's telefon nummer ind) og det tolkes som almindelig tekst ..
hvis der derimod kommer "tel:" læser programmet koden som et telefon nummer, og vil derefter åbne "telefon programmet"

Kode

<body>

	<div id="pagewrap">
    
        <div id="header">
			<a href="#" id="logo"></a>
        </div>
        
        <div id="myqr">
            <div class="centerDiv"><table><tr><td><div>
        <?php    
    //set it to writable location, a place for temp generated PNG files
    $PNG_TEMP_DIR = dirname(__FILE__).DIRECTORY_SEPARATOR.'temp'.DIRECTORY_SEPARATOR;
    
    //html PNG location prefix
    $PNG_WEB_DIR = 'temp/';

    include "qrlib.php";    
    
    //ofcourse we need rights to create temp dir
    if (!file_exists($PNG_TEMP_DIR))
        mkdir($PNG_TEMP_DIR);
    
    
    $filename = $PNG_TEMP_DIR.'test.png';
    
    //processing form input
    //remember to sanitize user input in real-life solution !!!
    $errorCorrectionLevel = 'L';
    if (isset($_REQUEST['level']) && in_array($_REQUEST['level'], array('L','M','Q','H')))
        $errorCorrectionLevel = $_REQUEST['level'];    

    $matrixPointSize = 4;
    if (isset($_REQUEST['size']))
        $matrixPointSize = min(max((int)$_REQUEST['size'], 1), 10);


    if (isset($_REQUEST['data'])) { 
    
        //it's very important!
        if (trim($_REQUEST['data']) == '')
            die('data cannot be empty! <a href="?">back</a>');
            
        // user data
        $filename = $PNG_TEMP_DIR.'test'.md5($_REQUEST['data'].'|'.$errorCorrectionLevel.'|'.$matrixPointSize).'.png';
        QRcode::png($_REQUEST['data'], $filename, $errorCorrectionLevel, $matrixPointSize, 2);    
        
    } else {    
        
    }    
        
    //display generated file
    echo '<img src="'.$PNG_WEB_DIR.basename($filename).'" /><hr/>';  ?>
    </div></td></tr></table></div>
        </div>
                            

<div id="tabbed_box_1" class="tabbed_box">
	
    <div class="tabbed_area">

        <ul class="tabs">
            <li><a href="javascript:tabSwitch_2(1, 6, 'tab_', 'content_');" id="tab_1" class="active">Text</a></li>  
            <li><a href="javascript:tabSwitch_2(2, 6, 'tab_', 'content_');" id="tab_2">Web</a></li>
            <li><a href="javascript:tabSwitch_2(3, 6, 'tab_', 'content_');" id="tab_3">Telefon</a></li>
            <li><a href="javascript:tabSwitch_2(4, 6, 'tab_', 'content_');" id="tab_4">SMS</a></li>
            <li><a href="javascript:tabSwitch_2(5, 6, 'tab_', 'content_');" id="tab_5">MAIL</a></li>
            <li><a href="javascript:tabSwitch_2(6, 6, 'tab_', 'content_');" id="tab_6">SMS</a></li>
        </ul>
        <div id="content_1" class="content">
        <ul>
        
<?php echo '<form method="post" action="index.php"><textarea name="data" cols="40" rows="4">skriv din tekst her</textarea>';?>

<?php echo 'ECC: <select name="level">
            <option value="L"'.(($errorCorrectionLevel=='L')?' selected':'').'>L - smallest</option>
            <option value="M"'.(($errorCorrectionLevel=='M')?' selected':'').'>M</option>
            <option value="Q"'.(($errorCorrectionLevel=='Q')?' selected':'').'>Q</option>
            <option value="H"'.(($errorCorrectionLevel=='H')?' selected':'').'>H - best</option>
        </select> 
        
        Size: <select name="size">';?>
    <?php for($i=1;$i<=10;$i++)
        echo '<option value="'.$i.'"'.(($matrixPointSize==$i)?' selected':'').'>'.$i.'</option>';?>

<?php echo ' <input type="submit" class="submit" value="GENERER"></form>';?>

        </ul>
        </div>
        
        <div id="content_2" class="content">
        	<ul>
<?php
    //config form
	
    echo '<form action="index.php" method="post">
        Data: <input name="data" class="text" type="text" value="'.(isset($_REQUEST['data'])?htmlspecialchars($_REQUEST['data']):'PHP QR Code :)').'" /> 
        ECC: <select name="level">
            <option value="L"'.(($errorCorrectionLevel=='L')?' selected':'').'>L - smallest</option>
            <option value="M"'.(($errorCorrectionLevel=='M')?' selected':'').'>M</option>
            <option value="Q"'.(($errorCorrectionLevel=='Q')?' selected':'').'>Q</option>
            <option value="H"'.(($errorCorrectionLevel=='H')?' selected':'').'>H - best</option>
        </select> 
        Size: <select name="size">';
        
    for($i=1;$i<=10;$i++)
        echo '<option value="'.$i.'"'.(($matrixPointSize==$i)?' selected':'').'>'.$i.'</option>';
        
    echo '</select> 
        <input type="submit" class="submit" value="GO!"></form>';?>
			</ul>
        </div>
        
        <div id="content_3" class="content">
        	<ul>
	<?php echo '<form method="post" action="index.php">'?>
    
	<?php echo '<input name="data" value="hello" style="width:400px;" MAXLENGTH=8
   onKeyPress="return numbersonly(this, event)">'?>
   
    <?php echo '<input name="data" value="+45" maxlength=3">'?>

<?php echo 'ECC: <select name="level">
            <option value="L"'.(($errorCorrectionLevel=='L')?' selected':'').'>L - smallest</option>
            <option value="M"'.(($errorCorrectionLevel=='M')?' selected':'').'>M</option>
            <option value="Q"'.(($errorCorrectionLevel=='Q')?' selected':'').'>Q</option>
            <option value="H"'.(($errorCorrectionLevel=='H')?' selected':'').'>H - best</option>
        </select> 
        
        Size: <select name="size">';?>
    <?php for($i=1;$i<=10;$i++)
        echo '<option value="'.$i.'"'.(($matrixPointSize==$i)?' selected':'').'>'.$i.'</option>';?>

<?php echo ' <input type="submit" class="submit" value="GO!"></form>';?>
			</ul>
        </div>
        
        <div id="content_4" class="content">
        	<ul>
            
            <form method="post" action="index.php"><input name="data" />            

			</ul>
            
            <ul>
<?php echo 'ECC: <select name="level">
            <option value="L"'.(($errorCorrectionLevel=='L')?' selected':'').'>L - smallest</option>
            <option value="M"'.(($errorCorrectionLevel=='M')?' selected':'').'>M</option>
            <option value="Q"'.(($errorCorrectionLevel=='Q')?' selected':'').'>Q</option>
            <option value="H"'.(($errorCorrectionLevel=='H')?' selected':'').'>H - best</option>
        </select> 
        
        Size: <select name="size">';?>
    <?php for($i=1;$i<=10;$i++)
        echo '<option value="'.$i.'"'.(($matrixPointSize==$i)?' selected':'').'>'.$i.'</option>';?>

<?php echo ' <input type="submit" class="submit" value="GO!"></form>';?>
            
            </form>
            </ul>
        
        </div>

        <div id="content_5" class="content">
        	<ul>

			</ul>
        </div>
        
        <div id="content_6" class="content">
        	<ul>
            	<li><a href="">Home<small>hello</small></a></li>
            	<li><a href="">About</a></li>
            	<li><a href="">Contribute</a></li>
            	<li><a href="">Contact</a></li>
			</ul>
        </div>
        
    </div>

</div>


        
	</div>
</body>

Bruger #14381 @ 14.01.11 12:49

319

Jeg vil mene sådan med et umiddelbart kig at du skal skifte:

Kode

 if (isset($_REQUEST['data'])) { 
    
        //it's very important!
        if (trim($_REQUEST['data']) == '')
            die('data cannot be empty! <a href="?">back</a>');
            
        // user data
        $filename = $PNG_TEMP_DIR.'test'.md5($_REQUEST['data'].'|'.$errorCorrectionLevel.'|'.$matrixPointSize).'.png';
        QRcode::png($_REQUEST['data'], $filename, $errorCorrectionLevel, $matrixPointSize, 2);    
        
    } else {    
        
    }

ud med:

Kode

if (isset($_REQUEST['data'])) { 
    
        //it's very important!
        if (trim($_REQUEST['data']) == '')
            die('data cannot be empty! <a href="?">back</a>');
        $userData = $_REQUEST['data'];  
		if(substr($userData, 0, 4)!="tel:") {
			$userData = "tel:" . $userData;
		}
        // user data
        $filename = $PNG_TEMP_DIR.'test'.md5($userData.'|'.$errorCorrectionLevel.'|'.$matrixPointSize).'.png';
        QRcode::png($userData, $filename, $errorCorrectionLevel, $matrixPointSize, 2);    
        
    } else {    
        
    }

Bruger #16354 @ 14.01.11 13:39

Det virker, men nu gør alle felterne det, skriver tel: foran

jeg prøvede at copy din tekst ind og bare skrifte data ud med tele og skrive input name"tele" istedet men så bliver barcoden genereret alt alt for småt og kan ikk scannes, så gætter på at et sted bliver "data" refereret til som sørger for billedets størrelse .. eller lign. så skal kigge ALLE php filerne igennem og kopiere den kode hvor der står data og så skifte tele, indtil alle felterne gør det som de skal?

Min fejl, det ser ud til at virker perfekt

Mange tak

Indlæg senest redigeret d. 14.01.2011 14:26 af Bruger #16354

Bruger #14381 @ 14.01.11 16:09

319

Så lidt

Ellers siger du bare til.

Bruger #16354 @ 16.01.11 22:13

Mange tak

Hvis du har brug for en grafiker en gang, så let me know

Bruger #16354 @ 17.01.11 14:05

Har lige et hurtigt spørgsmål

Det her er php scriptet til URL funktionen

Kode

		//START WEB
		
		    $matrixPointSize = 4;
    if (isset($_REQUEST['size']))
        $matrixPointSize = min(max((int)$_REQUEST['size'], 1), 10);
		
		if (isset($_REQUEST['web'])) { 
    
        //it's very important!
        if (trim($_REQUEST['web']) == '')
            die('data cannot be empty! <a href="?">back</a>');
        $userData = $_REQUEST['web'];  
		if(substr($userData, 0, 4)!="http://") {
			$userData = "http://" . $userData;
		}
        // user data
        $filename = $PNG_TEMP_DIR.'test'.md5($userData.'|'.$errorCorrectionLevel.'|'.$matrixPointSize).'.png';
        QRcode::png($userData, $filename, $errorCorrectionLevel, $matrixPointSize, 2);    
        
    } else {    
        
    } 

		//END WEB

Det virker fint så længe der kun er 1 input box
Men hvad hvis jeg vil have flere input boxes?
Til fx kontakt data

formel ville være det her

Kode

<?php echo '<form action="index.php" method="post">
	<h6>Navn:</h6><br /><input type="text" name="name"/>
	<h6>Nummer:</h6><br /><input type="text" name="number"/>
	<h6>Adresse:</h6><br /><input type="text" name="adress" />
	<h6>Email:</h6><br /><input type="text" name="email" />
	<h6>Hjemmeside:</h6><br /><input type="text" name="url" />

       <h5><small> ECC: <select name="level">
            <option value="L"'.(($errorCorrectionLevel=='L')?' selected':'').'>L - mindst</option>
            <option value="M"'.(($errorCorrectionLevel=='M')?' selected':'').'>M</option>
            <option value="Q"'.(($errorCorrectionLevel=='Q')?' selected':'').'>Q</option>
            <option value="H"'.(($errorCorrectionLevel=='H')?' selected':'').'>H - bedst</option>
        </select> 
        Size: <select name="size">';
        
    for($i=1;$i<=10;$i++)
        echo '<option value="'.$i.'"'.(($matrixPointSize==$i)?' selected':'').'>'.$i.'</option>';?></small><h5>
        
    <?php echo '</select> 
        <input type="submit" class="submit" value="GENERERE"></form>';?>

og teksten der skulle komme ud når folk har udfyldt og trykket GENERERE

skulle gerne se sådan her ud

MECARD:N:Kasper Pedersen;ADR:76 9th Avenue, 4th Floor, New York, NY 10011;TEL:+12125551212;EMAIL:srowen@example.com;;

I dette tilfælde har personen skrevet
Navn: Kasper Pedersen
Adresse: 76 9th Avenue osv.
i formularen, er det muligt at gøre?

Hvis man går til myqr.dk og paster denne tekst

MECARD:N:Kasper Pedersen;ADR:76 9th Avenue, 4th Floor, New York, NY 10011;TEL:+12125551212;EMAIL:srowen@example.com;;

ind i tekst boksen og trykker generere så
bliver den kode genereret rigtigt læst af ens mobil telefon, men besøgende ville blive skræmt fra vid og sans hvis de skal til at bikse med sådan noget, så vil have det så nemt som muligt

Indlæg senest redigeret d. 17.01.2011 14:20 af Bruger #16354

<< < 1 2 3 > >>

form input

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler