Søg
Avatar billede mjayg Nybegynder
24. august 2006 - 10:45 Der er 17 kommentarer og
1 løsning

Submit knap

Hej derude :)

er igang med at at lave en formular der skal afsende nogle informationer i php

den ser således ud: www.tgshop.dk/steam/bestil.php

Men har et problem. Min submit knap som jeg har lavet som et mouseover billede kan jeg ik få til at virke.

nogen der ved hvordan jeg kan få sådan en fætter til at fungere som en submit knap =) ?
Avatar billede hmortensen Nybegynder
24. august 2006 - 11:20 #1
onclick="submit();"
Avatar billede Slettet bruger
24. august 2006 - 11:37 #2
Kontroller din kode for stavefejl. Der står:

<input name"submuit"

Skulle nok være
<input name="submit"

Og så skal du være opmærksom på at dit script får x og y koordinat for klikket, så der kommer ikke en variabel ved navn submit (når du får det stavet rigtigt) med to variabler ved navn submit_x og submit_y. Se http://dk.php.net/manual/en/language.variables.external.php
Avatar billede Slettet bruger
24. august 2006 - 11:37 #3
Og den onclick burde ikke være nødvendig.
Avatar billede mcgoat Nybegynder
24. august 2006 - 11:43 #4
noget ala:

<SCRIPT language="JavaScript1.2">
function submitform()
{
if(document.myform.onsubmit())
{
document.myform.submit();
}
}
</SCRIPT>
<form name="myform" action="submit-form.php">
Search: <input type='text' name='query'>
<A href="java script: submitform()"><img src="images/go.gif" width="33" height="19" alt="form submit" border="0"></A>
</form>

? :)
Avatar billede mcgoat Nybegynder
24. august 2006 - 11:44 #5
ved ikke helt hvad du mener sandbox. at ændre navnet til submit skulle vel ikke hjælpe noget? det er vel kun hvis type="submit" at man kan bruge den. og det er en knap. ikke et billede
Avatar billede mcgoat Nybegynder
24. august 2006 - 11:45 #6
<form method="POST" action="sendmail.php">

men du skal nok lige have sat et name="minform" ind i dit form tag.

og så skal javascriptet:

document.minform.submit();
Avatar billede mcgoat Nybegynder
24. august 2006 - 11:47 #7
men... har du fået lov af steam til at sælge accounts? for så vidt jeg ved er det kun boomtown der er dansk forhandler af dem.. :)
Avatar billede mjayg Nybegynder
24. august 2006 - 12:47 #8
Jeg er ik lige så skarp til php og javescript =)

hmorgensen: Hvor havde du tænkt dig denne sætning skulle placeres ?

sandbox: Navnet på min knap input har vel intet med funktionen at gøre ?

Mcgoat: Jeg har givet min form et navn nu ? som du selv kan se. Men kan ik lige forstå hvor det skal sættes ind osv. det du har skrevet ?
Avatar billede Slettet bruger
24. august 2006 - 14:03 #9
Det var ikke kun navnet, det var galt med. Der manglede også et =-tegn.

Og <input type="image" ...> giver også en submit af en formular. Men bare med _x og _y variabler for positionen, brugeren klikkede på billedet i stedet for den ene $_POST-variabel, som man får ved en normal <input type="submit" ...>
Avatar billede mcgoat Nybegynder
24. august 2006 - 17:23 #10
sandbox. han vil ikke have nogle informationer fra billedet. Han vil have at når man trykker på billedet submitter formen, ligesom hvis man trykkede på en submit knap. ved ikke helt hvad du prøver at forklare?
Avatar billede mcgoat Nybegynder
24. august 2006 - 17:27 #11
virker dette?

<html>
<head>
<title>Tgshop | Bestil Account |</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    background-image: url(billeder/bg.jpg);
    margin-left: 0px;
    margin-top: 0px;
}
.bform {
    height: 15px;
    width: 241px;
    background-image: url(billeder/bestil_04.jpg);
    font-family: Tahoma;
    font-size: 11px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

function SubmitForm()
{
  document.bestilform.submit();
}
</script>
</head>
<body bgcolor="#FFFFFF" onLoad="MM_preloadImages('billeder/mouseover_14.jpg')">
<!-- ImageReady Slices (Bestildesign.psd) -->
<table width="800" height="600" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabel_01">
<form method="GET" name="bestilform" action="sendmail.php">
    <tr>
        <td height="193" colspan="5">            <img src="billeder/bestil_01.jpg" width="800" height="193" alt=""></td>
        <td>
            <img src="billeder/spacer.gif" width="1" height="193" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">            <img src="billeder/bestil_02.jpg" width="800" height="20" alt=""></td>
        <td>
            <img src="billeder/spacer.gif" width="1" height="20" alt=""></td>
    </tr>
    <tr>
        <td rowspan="10">
            <img src="billeder/bestil_03.jpg" width="237" height="387" alt=""></td>
        <td background="billeder/bestil_04.jpg"><input name="textfield" type="text" class="bform"></td>
        <td height="174" colspan="3" rowspan="8">            <img src="billeder/bestil_05.jpg" width="322" height="174" alt=""></td>
        <td>
            <img src="billeder/spacer.gif" width="1" height="17" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="billeder/bestil_06.jpg" width="241" height="23" alt=""></td>
        <td>
            <img src="billeder/spacer.gif" width="1" height="23" alt=""></td>
    </tr>
    <tr>
        <td background="billeder/bestil_07.jpg"><input name="textfield2" type="text" class="bform"></td>
        <td>
            <img src="billeder/spacer.gif" width="1" height="17" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="billeder/bestil_08.jpg" width="241" height="25" alt=""></td>
        <td>
            <img src="billeder/spacer.gif" width="1" height="25" alt=""></td>
    </tr>
    <tr>
        <td background="billeder/bestil_09.jpg"><input name="textfield3" type="text" class="bform"></td>
        <td>
            <img src="billeder/spacer.gif" width="1" height="17" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="billeder/bestil_10.jpg" width="241" height="25" alt=""></td>
        <td>
            <img src="billeder/spacer.gif" width="1" height="25" alt=""></td>
    </tr>
    <tr>
        <td background="billeder/bestil_11.jpg"><input name="textfield4" type="text" class="bform"></td>
        <td>
            <img src="billeder/spacer.gif" width="1" height="17" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="billeder/bestil_12.jpg" alt="" width="241" height="246" border="0" usemap="#Map"></td>
        <td>
            <img src="billeder/spacer.gif" width="1" height="33" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="billeder/bestil_13.jpg" width="16" height="213" alt=""></td>
        <td width="80" height="28"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage ('Bestil','','billeder/mouseover_14.jpg',1)" onClick="SubmitForm();"><img src="billeder/bestil_14.jpg" alt="Afgiv Ordre" name="Bestil" width="80" height="28" border="0" onClick="SubmitForm();"></a></td>
        <td height="213" rowspan="2">
            <img src="billeder/bestil_15.jpg" width="226" height="213" alt=""></td>
        <td>
            <img src="billeder/spacer.gif" width="1" height="28" alt=""></td>
    </tr>
    <tr>
        <td height="185">            <img src="billeder/bestil_16.jpg" width="80" height="185" alt=""></td>
        <td>
            <img src="billeder/spacer.gif" width="1" height="185" alt=""></td>
    </tr>
    </form>
</table>
<!-- End ImageReady Slices -->
<map name="Map">
  <area shape="rect" coords="2,35,109,51" href="index.php">
</map>
</body>
</html>
Avatar billede Slettet bruger
24. august 2006 - 20:59 #12
Det, jeg prøver at forklare er, at hvis en bruger klikker på billedet til en <input type="image"> så bliver formularen sendt. Der skal ikke gøres noget særligt for det.

Jeg lavede lige et live-eksempel på http://skema.tuxino.dk/image.php
Avatar billede Slettet bruger
24. august 2006 - 21:00 #13
PS. Jeg gad ikke lige lave et billede selv, så jeg lånte mjaygs knap.
Avatar billede mcgoat Nybegynder
24. august 2006 - 21:11 #14
bliver klogere hver dag :) troede skam ikke et image bare virkede som submit type
Avatar billede mjayg Nybegynder
25. august 2006 - 08:41 #15
MCgoat: Jeg har indsat dit script og siden er opdateret og som du kan se virker det =). Perfekt.

rent faktisk havde jeg fået submut knappen til at virke med <input type="image">.. men kunne dog ikke få mouseover effekten til at funke sammen med.

tusind tak for hjælpen til jer begge to =)
Avatar billede mjayg Nybegynder
25. august 2006 - 08:42 #16
mcgoat: tænkte på om du kunne prøve at forklare i korte træk hvad du har ændret / tilføjet så jeg kan få en forståelse af hvad der foregår =)
Avatar billede mcgoat Nybegynder
25. august 2006 - 10:12 #17
<img src="billeder/bestil_14.jpg" alt="Afgiv Ordre" name="Bestil" width="80" height="28" border="0" onClick="SubmitForm();">

Dette er dit billede TAG, her har jeg sagt: OnClick="SubmitForm();" . Så ved den at den skal køre en javascript funktion der hedder SubmitForm(), den har jeg lagt øverst i din fil:

function SubmitForm()
{
  document.bestilform.submit();
}

og den submitter formen.
Avatar billede mjayg Nybegynder
25. august 2006 - 10:31 #18
okay..

- Tusind tak =)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra PHP kategorien

Titel Indlæg Oprettet Seneste aktivitet
System til bordreservation Af Strawberry i PHP 3 20/07/202611:23 21/08/202611:02
Bruge PHP til at hente hjemmeside med fsockopen Af Strawberry i PHP 18 29/01/202613:08 02/02/202610:29
Hjemmeside der virker både på mobil og computer Af Strawberry i PHP 6 25/01/202620:06 30/01/202618:53
Hvordan får jeg reCAPTCHA på min hjemmeside? Af Strawberry i PHP 1 20/01/202621:11 23/01/202618:04
MS Graph vis kalenderaftaler Af dane022 i PHP 0 06/11/202508:43 -
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
22/0820:06 email adresse Af Malm i Forslag til ændringer
22/0819:54 problem med google crome Af Malm i Andet software
22/0809:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »