Just nu i M3-nätverket
Gå till innehåll

HTML form -> URL + Parameter


Jensej

Rekommendera Poster

Skulle gärna vilja skapa ett en HTML sida med endast en fält där man ska fylla i ett nummer.

 

Har inga problem att lösa det men nu är det sa att när jag sedan klickar pa submit sa vill jag länka mig vidare till en annan url och skicka med värdet som personen angivit som en parameter i addressen.

 

Hur löser jag detta?

 

Tack pa förhand!

Länk till kommentar
Dela på andra webbplatser

  • Svars 56
  • Skapad
  • Senaste svar

Problemet är att en webbläsare inte kan prata med bat filer hur som helst.

 

Webbläsaren vill skicka informationen till en webbserver. Webbservern har ett gränssnitt som heter CGI och det är ganska kraftfullt för man kan använda CGI i nästan vilken miljö och vilka programspråk som helst. Men bat tror jag inte går.

 

Så det du får göra är att istället anroppa ett cgi-script, php eller asp-sida och låta den i sin tur anropa din batfil.

Länk till kommentar
Dela på andra webbplatser

Hej .M!

 

Trådskaparen har ändrat sitt inlägg rejält sedan du svarade på det. Tänkte att du kanske var intresserad av att veta det.

Länk till kommentar
Dela på andra webbplatser

Du löser det genom ett formulär med action=GET, eller dynamiskt ändrar en sträng genom att använda en php eller asp-sida

Länk till kommentar
Dela på andra webbplatser

  • 3 veckor senare...

Hejsan!

 

Ar riktigt dalig pa html och javascript...

 

Det enda jag vill göra är att sätta ihop en enkel html sida med 7 fält och en submit knapp. Genom att trycka pa submit ska man länka sig vidare till en url som anropar och utför ett jobb som använder sig av värdena fran dom sju fälten jag skickar med. Antar att det bör göras med en <form> tag. Kanske finns det nagon vänlig själ som har tid och koda ihop detta at mig lite snabbt.

 

Mina input fält ska vara

1 OrderNr (text) exempel NL_130212

 

2 Upphämtningsdatum (datum) exempel 19.02.2013 här far det gärna vara en riktig kalender sa att dom inte fyller i datumet falskt.

 

3 Tid upphämtning (tid) exempel 09.30

 

4 Sluttid upphämtning (tid) exempel 10.00

 

5 Leveransdatum (datum) exempel 20.02.2013

 

6 Tid leverans (tid) exempel 16.30

 

7 Sluttid leverans (tid) exempel 17.30

 

När man sedan trycker pa submit vill jag sedan länkas vidare till en url som far med sig värdet som jag angivit i mina fält som paratmetrar i min url.

 

Malet vid submit är att url:en ska se ut exakt som följande

 

http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob&lnr=NL_130213&udatum=19.02.2013&tidupph=09.30&stidupph=10.00&ldatum=20.02.2013&tidl=16.30&stidl=17.30

 

Vet inte om det är enklast att göra detta i javascript eller om det funkar med bara html därför placerade jag det här i javascript.

 

Tack pa förhand!

Länk till kommentar
Dela på andra webbplatser

Typ:

<form action="http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export" method="get" id="myForm">
  <p><label for="lnr">OrderNr:</label> <input type="text" name="lnr"></p>
  <p><label for="udatum">Upphämtningsdatum:</label> <input type="text" name="udatum"></p>
  <p><label for="tidupph">Tid upphämtning:</label> <input type="text" name="tidupph"></p>
  <p><label for="stidupph">Sluttid upphämtning:</label> <input type="text" name="stidupph"></p>
  <p><label for="ldatum">Leveransdatum:</label> <input type="text" name="ldatum"></p>
  <p><label for="tidl">Tid leverans:</label> <input type="text" name="tidl"></p>
  <p><label for="stidl">Sluttid leverans:</label> <input type="text" name="stidl"></p>
  <input type="hidden" name="method" value="runJob">
</form>

 

Observera att jag flyttat method=runJob från action till ett hidden input-fält.

Länk till kommentar
Dela på andra webbplatser

Typ:

<form action="http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export" method="get" id="myForm">
  <p><label for="lnr">OrderNr:</label> <input type="text" name="lnr"></p>
  <p><label for="udatum">Upphämtningsdatum:</label> <input type="text" name="udatum"></p>
  <p><label for="tidupph">Tid upphämtning:</label> <input type="text" name="tidupph"></p>
  <p><label for="stidupph">Sluttid upphämtning:</label> <input type="text" name="stidupph"></p>
  <p><label for="ldatum">Leveransdatum:</label> <input type="text" name="ldatum"></p>
  <p><label for="tidl">Tid leverans:</label> <input type="text" name="tidl"></p>
  <p><label for="stidl">Sluttid leverans:</label> <input type="text" name="stidl"></p>
  <input type="hidden" name="method" value="runJob">
</form>

 

Observera att jag flyttat method=runJob från action till ett hidden input-fält.

 

 

Tack som f*n för hjälpen! Fick det att funka nu. Tänke ocksa pa idèn med ett hidden fält förrut men jag skrev allt rakt av under name. alltsa name="method=runJob" och hade inget value sa därför fick jag fel i koden.

Länk till kommentar
Dela på andra webbplatser

Bra att det funkar nu.

 

Observera att jag har slagit samman dina två trådar med samma frågeställning.

 

 

Hej igen!

 

Har stött pa ytterligare ett problem.

 

I min url maste jag klämma in arg1=--context_param%20 innan namnet pa varje parameter dvs.

exempel http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob&arg1=--context_param%20lnr=NL_130213

 

Försökte att lösa detta även det med en hidden men det fick det inte att fungera. Kan du se vad jag gjort fel?

 

<form action="http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export" method="get" id="myForm">

<input type="hidden" name="method" value="runJob">

<table width="300px" height="auto">

<input type="hidden" name="arg1" value="--context_param%20">

<tr><td><label for="lnr">Liefernummer:</td><td></label> <input type="text" name="lnr"></td></tr>

<input type="hidden" name="arg2" value="--context_param%20">

<tr><td><label for="vAbladezeit_spaet">Abladezeit spät:</td><td></label> <input type="text" name="vAbladezeit_spaet" class="timepicker" id="timepicker1"></td></tr>

<input type="hidden" name="arg3" value="--context_param%20">

<tr><td><label for="vAbladezeit_frueh">Abladezeit früh:</td><td></label> <input type="text" name="vAbladezeit_frueh" class="timepicker" id="timepicker2"></td></tr>

<input type="hidden" name="arg4" value="--context_param%20">

<tr><td><label for="vAbladetermin">Abladetermin:</td><td></label> <input type="text" name="vAbladetermin" class="datepicker" id="datepicker1" ></td></tr>

<input type="hidden" name="arg5" value="--context_param%20">

<tr><td><label for="vLadezeit_spaet">Ladezeit spät:</td><td></label> <input type="text" name="vLadezeit_spaet" class="timepicker" id="timepicker3"></td></tr>

<input type="hidden" name="arg6" value="--context_param%20">

<tr><td><label for="vLadezeit_frueh">Ladezeit früh:</td><td></label> <input type="text" name="vLadezeit_frueh" class="timepicker" id="timepicker4"></td></tr>

<input type="hidden" name="arg7" value="--context_param%20">

<tr><td><label for="vLadedatum">Ladedatum:</td><td></label> <input type="text" name="vLadedatum" class="datepicker" id="datepicker2" ></td></tr>

</table>

 

Den fungerande url:en ser ut som följande

 

http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob&arg1=--context_param%20lnr=NL_130213&arg2=--context_param%20vAbladezeit_spaet=20:00&arg3=--context_param%20vAbladezeit_frueh=18:30&arg4=--context_param%20vAbladetermin=23.02.2013&arg5=--context_param%20vLadezeit_spaet=17:30&arg6=--context_param%20vLadezeit_frueh=16:30&arg7=--context_param%20vLadedatum=21.02.2013

 

 

Tack pa förhand

Länk till kommentar
Dela på andra webbplatser

Inte helt optimalt att ha specialtecken (% och = ) i namn/id...

 

Här är iaf en lösning som bygger på jQuery (javascript) som borde funka:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>340017 @ eforum</title>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
   <script type="text/javascript">
     $(document).ready(function() {
        $('#myForm').submit(function() {
           $("#submit").attr("disabled", "disabled");
           var url = "http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob"
           var i = 1
           $('form :input').each(function() {
              var inputName = $(this).attr('name');
              var inputValue = $(this).val();
              if (inputName != 'submit') {
                 url = url + "&arg"+i+"=--context_param%20"+inputName+"="+inputValue
                 i++
              };
           });         
           window.location = url
           return false;
        });
     });
  </script> 
</head>

<body>

  <form action="http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export" method="get" id="myForm">
     <table width="300px" height="auto">
        <tr>
           <td><label for="lnr">Liefernummer:</label></td>
           <td><input type="text" name="lnr" value="NL_130213"></td>
        </tr>
        <tr>
           <td><label for="arg2vAbladezeit_spaet">Abladezeit spät:</label></td>
           <td><input type="text" name="vAbladezeit_spaet" value="20:00"></td>
        </tr>
        <tr>
           <td><label for="vAbladezeit_frueh">Abladezeit früh:</label></td>
           <td><input type="text" name="vAbladezeit_frueh" value="18:30"></td>
        </tr> 
        <tr>
           <td><label for="vAbladetermin">Abladetermin:</label></td>
           <td><input type="text" name="vAbladetermin" value="23.02.2013"></td>
        </tr> 
        <tr>
           <td><label for="vLadezeit_spaet">Ladezeit spät:</label></td>
           <td><input type="text" name="vLadezeit_spaet" value="17:30"></td>
        </tr>
        <tr>
           <td><label for="vLadezeit_frueh">Ladezeit früh:</label></td>
           <td><input type="text" name="vLadezeit_frueh" value="16:30"></td>
        </tr>
        <tr>
           <td><label for="vLadedatum">Ladedatum:</label></td>
           <td><input type="text" name="vLadedatum" value="21.02.2013"></td>
        </tr> 
     </table>
     <input type="submit" name="submit" id="submit" value="ok">
  </form>
</body>

Länk till kommentar
Dela på andra webbplatser

Inte helt optimalt att ha specialtecken (% och = ) i namn/id...

 

Här är iaf en lösning som bygger på jQuery (javascript) som borde funka:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>340017 @ eforum</title>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
   <script type="text/javascript">
     $(document).ready(function() {
        $('#myForm').submit(function() {
           $("#submit").attr("disabled", "disabled");
           var url = "http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob"
           var i = 1
           $('form :input').each(function() {
              var inputName = $(this).attr('name');
              var inputValue = $(this).val();
              if (inputName != 'submit') {
                 url = url + "&arg"+i+"=--context_param%20"+inputName+"="+inputValue
                 i++
              };
           });         
           window.location = url
           return false;
        });
     });
  </script> 
</head>

<body>

  <form action="http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export" method="get" id="myForm">
     <table width="300px" height="auto">
        <tr>
           <td><label for="lnr">Liefernummer:</label></td>
           <td><input type="text" name="lnr" value="NL_130213"></td>
        </tr>
        <tr>
           <td><label for="arg2vAbladezeit_spaet">Abladezeit spät:</label></td>
           <td><input type="text" name="vAbladezeit_spaet" value="20:00"></td>
        </tr>
        <tr>
           <td><label for="vAbladezeit_frueh">Abladezeit früh:</label></td>
           <td><input type="text" name="vAbladezeit_frueh" value="18:30"></td>
        </tr> 
        <tr>
           <td><label for="vAbladetermin">Abladetermin:</label></td>
           <td><input type="text" name="vAbladetermin" value="23.02.2013"></td>
        </tr> 
        <tr>
           <td><label for="vLadezeit_spaet">Ladezeit spät:</label></td>
           <td><input type="text" name="vLadezeit_spaet" value="17:30"></td>
        </tr>
        <tr>
           <td><label for="vLadezeit_frueh">Ladezeit früh:</label></td>
           <td><input type="text" name="vLadezeit_frueh" value="16:30"></td>
        </tr>
        <tr>
           <td><label for="vLadedatum">Ladedatum:</label></td>
           <td><input type="text" name="vLadedatum" value="21.02.2013"></td>
        </tr> 
     </table>
     <input type="submit" name="submit" id="submit" value="ok">
  </form>
</body>

 

 

Tack för snabbt svar!

 

Provade med nya koden men far ut denna url:en

 

http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob&lnr=NL_130213&vAbladezeit_spaet=20.00&vAbladezeit_frueh=20.00&vAbladetermin=20.02.2013&vLadezeit_spaet=20.00&vLadezeit_frueh=20.00&vLadedatum=21.02.2013&submit=ok

 

 

Alltsa saknas fortfarande arg1=--context_param%20 innan varje parameter.

Länk till kommentar
Dela på andra webbplatser

 

 

Det funkar men jag maste ända bädda in koden i min andra för att fa med min css och sen har jag även en datepicker och timepicker funktion som gör att datum och tid fylls i med rätt format.

 

Har nu provat att mixa koderna men pa nat konstigt sätt sa försvinner möjligheterna att fylla i datumet med datepicker (kalender) och samma sak med tiden.

 

 

Enda skillnaden i koden är att jag i input fälten maste ha med class och id fält samt en del andra fält i headern.

 

Postar skillnaderna nedan. Känns som att scripten och funktionerna i headern pa nat sätt krockar med varandra.

 

<input type="text" name="vAbladezeit_spaet" value="" class="timepicker" id="timepicker1">

 

Koden i headern ser ut som följer:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 

<head>

<link rel="stylesheet" type="text/css" href="style2.css">

<script src="jquery-1.9.1.js"></script>

<script src="jquery-ui.js"></script>

<style type="text/css"> .ui-datepicker { font-family:Garamond; font-size: 11px; margin-left:10px }</style>

<script> $(function() { $( ".datepicker" ).datepicker({dateFormat: "dd.mm.yy"}); }); </script>

<script src="jquery.ui.timepicker.js"></script>

<style type="text/css"> .ui-timepicker { font-family:Garamond; font-size: 11px; margin-left:10px }</style>

<script> $(function() { $('.timepicker').timepicker(); }); </script>

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function() { $('#myForm').submit(function() { $("#submit").attr("disabled", "disabled");

var url = "http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob"

var i = 1 $('form :input').each(function() { var inputName = $(this).attr('name');

var inputValue = $(this).val(); if (inputName != 'submit') { url = url + "&arg"+i+"=--context_param%20"+inputName+"="+inputValue i++ }; }); window.location = url return false; }); });

</script>

</head>

Länk till kommentar
Dela på andra webbplatser

Det funkar men jag maste ända bädda in koden i min andra för att fa med min css och sen har jag även en datepicker och timepicker funktion som gör att datum och tid fylls i med rätt format.

 

Har nu provat att mixa koderna men pa nat konstigt sätt sa försvinner möjligheterna att fylla i datumet med datepicker (kalender) och samma sak med tiden.

 

 

Enda skillnaden i koden är att jag i input fälten maste ha med class och id fält samt en del andra fält i headern.

 

Postar skillnaderna nedan. Känns som att scripten och funktionerna i headern pa nat sätt krockar med varandra.

 

<input type="text" name="vAbladezeit_spaet" value="" class="timepicker" id="timepicker1">

 

Koden i headern ser ut som följer:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 

<head>

<link rel="stylesheet" type="text/css" href="style2.css">

<script src="jquery-1.9.1.js"></script>

<script src="jquery-ui.js"></script>

<style type="text/css"> .ui-datepicker { font-family:Garamond; font-size: 11px; margin-left:10px }</style>

<script> $(function() { $( ".datepicker" ).datepicker({dateFormat: "dd.mm.yy"}); }); </script>

<script src="jquery.ui.timepicker.js"></script>

<style type="text/css"> .ui-timepicker { font-family:Garamond; font-size: 11px; margin-left:10px }</style>

<script> $(function() { $('.timepicker').timepicker(); }); </script>

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function() { $('#myForm').submit(function() { $("#submit").attr("disabled", "disabled");

var url = "http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob"

var i = 1 $('form :input').each(function() { var inputName = $(this).attr('name');

var inputValue = $(this).val(); if (inputName != 'submit') { url = url + "&arg"+i+"=--context_param%20"+inputName+"="+inputValue i++ }; }); window.location = url return false; }); });

</script>

</head>

 

 

Vet var problemet ligger nu, jag provade kommentera bort rad för rad till jag hittade var felet ligger och min time och datepicker fungerar när jag kommenterar bort denna rad:

 

<!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>-->

 

Jag antar att den maste vara för att din kod ska funka men hur kan jag lösa detta? Har ingen aning om vad denna rad gör :D

Länk till kommentar
Dela på andra webbplatser

Den möjliggör användandet av javascript ramverket jQuery som används på sidan, så den måste vara aktiv, fast jag ser nu att det finns redan inläst på sidan.

Länk till kommentar
Dela på andra webbplatser

Oj, där var det lite galet klipp-å-klistra wink.gif

 

Din head bör se ut såhär:

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <link rel="stylesheet" type="text/css" href="style2.css">
  <style type="text/css">
     .ui-timepicker { font-family:Garamond; font-size: 11px; margin-left:10px }
     .ui-datepicker { font-family:Garamond; font-size: 11px; margin-left:10px }
  </style>
  <script src="jquery-1.9.1.js"></script> 
  <script src="jquery-ui.js"></script> 
  <script src="jquery.ui.timepicker.js"></script>
  <script type="text/javascript">
     $(document).ready(function() {
    	$(function() { $('.timepicker').timepicker(); });
    	$(function() { $(".datepicker").datepicker({dateFormat: "dd.mm.yy"}); });
    	$('#myForm').submit(function() {
           $("#submit").attr("disabled", "disabled");
           var url = "http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob"
           var i = 1
           $('form :input').each(function() {
          	var inputName = $(this).attr('name');
          	var inputValue = $(this).val();
          	if (inputName != 'submit') {
                 url = url + "&arg"+i+"=--context_param%20"+inputName+"="+inputValue
                 i++
          	};
           });     	
           window.location = url
           return false;
    	});
     });
  </script>
</head>

Länk till kommentar
Dela på andra webbplatser

Använder mig av den senaste headen du skicka nu men far fortfarande inte fram nagon timepicker eller namepicker när jag vill fylla i datum och tidsfälten. Här är hela koden.

 

 

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">    
<link rel="stylesheet" type="text/css" href="style2.css">   
<style type="text/css">      
	.ui-timepicker { font-family:Garamond; font-size: 11px; margin-left:10px }      
	.ui-datepicker { font-family:Garamond; font-size: 11px; margin-left:10px }   
</style>   
<script src="jquery-1.9.1.js"></script>    
<script src="jquery-ui.js"></script>    
<script src="jquery.ui.timepicker.js"></script>   
<script type="text/javascript">      
	$(document).ready(function() {        
	$(function() { $('.timepicker').timepicker(); });        
	$(function() { $(".datepicker").datepicker({dateFormat: "dd.mm.yy"}); 
});        
	$('#myForm').submit(function() {            
	$("#submit").attr("disabled", "disabled");            
	var url = "http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob"            
	var i = 1            $('form :input').each(function() {                
		var inputName = $(this).attr('name');                
		var inputValue = $(this).val();                
		if (inputName != 'submit') {                  
			url = url + "&arg"+i+"=--context_param%20"+inputName+"="+inputValue                  
			i++                
		};            
	});                     
	window.location = url            
	return false;        
});      
});   
</script>
</head>
<body style="background-color:#FFD8B2">
<img src="M:\Opacc_Betrieb\Jens_SQL_Integration\FLYER_LOGO.png" alt="Flyer" width="260" height="48" align="right">
<h1><font face="Century Schoolbook" size="12"><b>Lieferungen Mathys</b></font></h1>
<br>
<br>
<br>
<br>
<br>
<br> 
<form action="http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export" method="get" id="myForm">
<input type="hidden" name="method" value="runJob">
<table  width="300px" height="auto">
<tr>
<td><label for="lnr">Liefernummer:</td>
<td></label> <input type="text" name="lnr" value=""></td>
</tr>
<tr>
<td><label for="vAbladezeit_spaet">Abladezeit spät:</td>
<td></label> <input type="text" name="vAbladezeit_spaet" value="" class="timepicker" id="timepicker1"></td>
</tr>
<tr>
<td><label for="vAbladezeit_frueh">Abladezeit früh:</td>
<td></label> <input type="text" name="vAbladezeit_frueh" value="" class="timepicker" id="timepicker2"></td>
</tr> 
<tr>
<td><label for="vAbladetermin">Abladetermin:</td>
<td></label> <input type="text" name="vAbladetermin" value="" class="datepicker" id="datepicker1" ></td>
</tr> 
<tr>
<td><label for="vLadezeit_spaet">Ladezeit spät:</td>
<td></label> <input type="text" name="vLadezeit_spaet" value="" class="timepicker" id="timepicker3"></td>
</tr>
<tr>
<td><label for="vLadezeit_frueh">Ladezeit früh:</td>
<td></label> <input type="text" name="vLadezeit_frueh" value="" class="timepicker" id="timepicker4"></td>
</tr>
<tr>
<td><label for="vLadedatum">Ladedatum:</td>
<td></label> <input type="text" name="vLadedatum" value="" class="datepicker" id="datepicker2" ></td>
</tr> 
</table>  

<label> <INPUT TYPE="submit" name="submit" id="submit" VALUE="Send"></label>
</FORM>
</body>
</html> 


Oj, där var det lite galet klipp-å-klistra wink.gif

 

Din head bör se ut såhär:

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <link rel="stylesheet" type="text/css" href="style2.css">
  <style type="text/css">
     .ui-timepicker { font-family:Garamond; font-size: 11px; margin-left:10px }
     .ui-datepicker { font-family:Garamond; font-size: 11px; margin-left:10px }
  </style>
  <script src="jquery-1.9.1.js"></script> 
  <script src="jquery-ui.js"></script> 
  <script src="jquery.ui.timepicker.js"></script>
  <script type="text/javascript">
     $(document).ready(function() {
    	$(function() { $('.timepicker').timepicker(); });
    	$(function() { $(".datepicker").datepicker({dateFormat: "dd.mm.yy"}); });
    	$('#myForm').submit(function() {
           $("#submit").attr("disabled", "disabled");
           var url = "http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob"
           var i = 1
           $('form :input').each(function() {
          	var inputName = $(this).attr('name');
          	var inputValue = $(this).val();
          	if (inputName != 'submit') {
                 url = url + "&arg"+i+"=--context_param%20"+inputName+"="+inputValue
                 i++
          	};
           });     	
           window.location = url
           return false;
    	});
     });
  </script>
</head>

Länk till kommentar
Dela på andra webbplatser

Ok, för mig funkar det strålande med denna kod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <title>340017 @ eforum</title>
  <script type="text/javascript" src="jquery-1.9.1.js"></script>
  <script type="text/javascript" src="jquery-ui.js"></script>
  <script type="text/javascript" src="jquery.ui.timepicker.js"></script>
  <script type="text/javascript">
     $(document).ready(function() {

        $(function() { 
           $('.timepicker').timepicker(); 
        });

        $(".datepicker").datepicker({ 
           dateFormat: "dd.mm.yy"
        });

        $('#myForm').submit(function() {
           $("#submit").attr("disabled", "disabled");
           var url = "http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob"
           var i = 1
           $('form :input').each(function() {
              var inputName = $(this).attr('name');
              var inputValue = $(this).val();
              if (inputName != 'submit') {
                 url = url + "&arg"+i+"=--context_param%20"+inputName+"="+inputValue
                 i++
              };
           });         
           window.location = url
           return false;
        });
     });
  </script>
  <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" type="text/css" href="style2.css">
  <style type="text/css">
     .ui-timepicker { font-family:Garamond; font-size: 11px; margin-left:10px }
     .ui-datepicker { font-family:Garamond; font-size: 11px; margin-left:10px }
  </style>
</head>

<body>

  <form action="http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export" method="get" id="myForm">
     <table width="300px" height="auto">
        <tr>
           <td><label for="lnr">Liefernummer:</label></td>
           <td><input type="text" name="lnr" value="NL_130213"></td>
        </tr>
        <tr>
           <td><label for="arg2vAbladezeit_spaet">Abladezeit spät:</label></td>
           <td><input type="text" name="vAbladezeit_spaet" value="20:00" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vAbladezeit_frueh">Abladezeit früh:</label></td>
           <td><input type="text" name="vAbladezeit_frueh" value="18:30" class="timepicker"></td>
        </tr> 
        <tr>
           <td><label for="vAbladetermin">Abladetermin:</label></td>
           <td><input type="text" name="vAbladetermin" value="23.02.2013" class="datepicker"></td>
        </tr> 
        <tr>
           <td><label for="vLadezeit_spaet">Ladezeit spät:</label></td>
           <td><input type="text" name="vLadezeit_spaet" value="17:30" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vLadezeit_frueh">Ladezeit früh:</label></td>
           <td><input type="text" name="vLadezeit_frueh" value="16:30" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vLadedatum">Ladedatum:</label></td>
           <td><input type="text" name="vLadedatum" value="21.02.2013" class="datepicker"></td>
        </tr> 
     </table>
     <input type="submit" name="submit" id="submit" value="ok">
  </form>
</body>

Länk till kommentar
Dela på andra webbplatser

Ok, för mig funkar det strålande med denna kod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <title>340017 @ eforum</title>
  <script type="text/javascript" src="jquery-1.9.1.js"></script>
  <script type="text/javascript" src="jquery-ui.js"></script>
  <script type="text/javascript" src="jquery.ui.timepicker.js"></script>
  <script type="text/javascript">
     $(document).ready(function() {

        $(function() { 
           $('.timepicker').timepicker(); 
        });

        $(".datepicker").datepicker({ 
           dateFormat: "dd.mm.yy"
        });

        $('#myForm').submit(function() {
           $("#submit").attr("disabled", "disabled");
           var url = "http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob"
           var i = 1
           $('form :input').each(function() {
              var inputName = $(this).attr('name');
              var inputValue = $(this).val();
              if (inputName != 'submit') {
                 url = url + "&arg"+i+"=--context_param%20"+inputName+"="+inputValue
                 i++
              };
           });         
           window.location = url
           return false;
        });
     });
  </script>
  <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" type="text/css" href="style2.css">
  <style type="text/css">
     .ui-timepicker { font-family:Garamond; font-size: 11px; margin-left:10px }
     .ui-datepicker { font-family:Garamond; font-size: 11px; margin-left:10px }
  </style>
</head>

<body>

  <form action="http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export" method="get" id="myForm">
     <table width="300px" height="auto">
        <tr>
           <td><label for="lnr">Liefernummer:</label></td>
           <td><input type="text" name="lnr" value="NL_130213"></td>
        </tr>
        <tr>
           <td><label for="arg2vAbladezeit_spaet">Abladezeit spät:</label></td>
           <td><input type="text" name="vAbladezeit_spaet" value="20:00" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vAbladezeit_frueh">Abladezeit früh:</label></td>
           <td><input type="text" name="vAbladezeit_frueh" value="18:30" class="timepicker"></td>
        </tr> 
        <tr>
           <td><label for="vAbladetermin">Abladetermin:</label></td>
           <td><input type="text" name="vAbladetermin" value="23.02.2013" class="datepicker"></td>
        </tr> 
        <tr>
           <td><label for="vLadezeit_spaet">Ladezeit spät:</label></td>
           <td><input type="text" name="vLadezeit_spaet" value="17:30" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vLadezeit_frueh">Ladezeit früh:</label></td>
           <td><input type="text" name="vLadezeit_frueh" value="16:30" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vLadedatum">Ladedatum:</label></td>
           <td><input type="text" name="vLadedatum" value="21.02.2013" class="datepicker"></td>
        </tr> 
     </table>
     <input type="submit" name="submit" id="submit" value="ok">
  </form>
</body>

 

 

Konstigt, nu fick jag det ocksa att fungera...Tack!

 

Nästa fraga :D

 

Vid submit körs ett jobb som tar 3-4 minuter att genomföra (data hämtas fran en databas med hjälp av värdena fran parametrarna och skapar en .csv fil) och när jobbet är genomfört kommer det fram en XML pa skärmen.

 

Här skulle jag hellre vilja att du kommer tillbaka till orginalsidan och att du att t.ex en pop up ruta kommer upp som säger att jobbet är korrekt utfört. Har du nagon bra lösning för detta?

post-52478-0-89066600-1361526934_thumb.png

Länk till kommentar
Dela på andra webbplatser

Då måste du ändra koden på den mottagande sidan (vilket jag inte skulle rekomendera).

 

Ett annat alternativ är att skicka formuläret som ett Ajax-anrop som hanterar svaret och visar en trevligare status på formulärsidan.

Föreslår att du startar en ny tråd för detta.

Länk till kommentar
Dela på andra webbplatser

Då måste du ändra koden på den mottagande sidan (vilket jag inte skulle rekomendera).

 

Ett annat alternativ är att skicka formuläret som ett Ajax-anrop som hanterar svaret och visar en trevligare status på formulärsidan.

Föreslår att du startar en ny tråd för detta.

 

 

Okej, far googla lite pa ajax och se vad jag hittar. Tack igen

Länk till kommentar
Dela på andra webbplatser

Ok då, du får lite kod att jobba vidare med wink.gif

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <title>340017 @ eforum</title>
  <script type="text/javascript" src="jquery-1.9.1.js"></script>
  <script type="text/javascript" src="jquery-ui.js"></script>
  <script type="text/javascript" src="jquery.ui.timepicker.js"></script>
  <script type="text/javascript">
     $(document).ready(function() {
        $('.timepicker').timepicker(); 
        $('.datepicker').datepicker({ dateFormat: "dd.mm.yy" });
        $('#myForm').submit(function() {
           $('#submit').attr("disabled", "disabled");
           $('#myForm').hide();
           $('#working').show();
           $("#progressbar").progressbar({ value: false });
           $url = "http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob"
           var i = 1
           $('form :input').each(function() {
              var inputName = $(this).attr('name');
              var inputValue = $(this).val();
              if (inputName != 'submit') {
                 $url = $url + "&arg"+i+"=--context_param%20"+inputName+"="+inputValue
                 i++
              };
           });
           $.post($url, function(data) {
              $("#working").hide();
              $("#resultBox").show();
              $("#responseXML").html(data);
           });
           return false;
        });
     });
  </script>
  <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.1/themes/south-street/jquery-ui.css">
  <link rel="stylesheet" type="text/css" href="style2.css">
  <style type="text/css">
     .ui-timepicker { font-family:Calibri,Arial; font-size: 0.9em; }
     .ui-datepicker { font-family:Calibri,Arial; font-size: 0.8em; }
     .ui-timepicker-hour-cell, .ui-timepicker-minute-cell { cursor:pointer; }
     #resultBox, #working {
        display:none;
        width:50%;
        margin:auto;
        margin-top:20%;
        font-family:Calibri,Arial; font-size: 1.2em;
        text-align: center;
     }
  </style>
</head>

<body>

  <form method="get" id="myForm">
     <table width="300px" height="auto">
        <tr>
           <td><label for="lnr">Liefernummer:</label></td>
           <td><input type="text" name="lnr"></td>
        </tr>
        <tr>
           <td><label for="vAbladezeit_spaet">Abladezeit spät:</label></td>
           <td><input type="text" name="vAbladezeit_spaet" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vAbladezeit_frueh">Abladezeit früh:</label></td>
           <td><input type="text" name="vAbladezeit_frueh" class="timepicker"></td>
        </tr> 
        <tr>
           <td><label for="vAbladetermin">Abladetermin:</label></td>
           <td><input type="text" name="vAbladetermin" class="datepicker"></td>
        </tr> 
        <tr>
           <td><label for="vLadezeit_spaet">Ladezeit spät:</label></td>
           <td><input type="text" name="vLadezeit_spaet" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vLadezeit_frueh">Ladezeit früh:</label></td>
           <td><input type="text" name="vLadezeit_frueh" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vLadedatum">Ladedatum:</label></td>
           <td><input type="text" name="vLadedatum" class="datepicker"></td>
        </tr> 
     </table>
     <input type="submit" name="submit" id="submit" value="ok">
  </form>

  <div id="working">Kör jobb, vänligen vänta... <div id="progressbar"></div></div>

  <div id="resultBox">
     <h2>Jobbet är korrekt utfört!</h2>
     <p><input type="button" onClick="location.href='./'" value=" << skapa nytt jobb "></p>
     <textarea id="responseXML" style="width:100%;height:300px;"></textarea>
  </div>
</body>

Länk till kommentar
Dela på andra webbplatser

Ok då, du får lite kod att jobba vidare med wink.gif

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <title>340017 @ eforum</title>
  <script type="text/javascript" src="jquery-1.9.1.js"></script>
  <script type="text/javascript" src="jquery-ui.js"></script>
  <script type="text/javascript" src="jquery.ui.timepicker.js"></script>
  <script type="text/javascript">
     $(document).ready(function() {
        $('.timepicker').timepicker(); 
        $('.datepicker').datepicker({ dateFormat: "dd.mm.yy" });
        $('#myForm').submit(function() {
           $('#submit').attr("disabled", "disabled");
           $('#myForm').hide();
           $('#working').show();
           $("#progressbar").progressbar({ value: false });
           $url = "http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob"
           var i = 1
           $('form :input').each(function() {
              var inputName = $(this).attr('name');
              var inputValue = $(this).val();
              if (inputName != 'submit') {
                 $url = $url + "&arg"+i+"=--context_param%20"+inputName+"="+inputValue
                 i++
              };
           });
           $.post($url, function(data) {
              $("#working").hide();
              $("#resultBox").show();
              $("#responseXML").html(data);
           });
           return false;
        });
     });
  </script>
  <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.1/themes/south-street/jquery-ui.css">
  <link rel="stylesheet" type="text/css" href="style2.css">
  <style type="text/css">
     .ui-timepicker { font-family:Calibri,Arial; font-size: 0.9em; }
     .ui-datepicker { font-family:Calibri,Arial; font-size: 0.8em; }
     .ui-timepicker-hour-cell, .ui-timepicker-minute-cell { cursor:pointer; }
     #resultBox, #working {
        display:none;
        width:50%;
        margin:auto;
        margin-top:20%;
        font-family:Calibri,Arial; font-size: 1.2em;
        text-align: center;
     }
  </style>
</head>

<body>

  <form method="get" id="myForm">
     <table width="300px" height="auto">
        <tr>
           <td><label for="lnr">Liefernummer:</label></td>
           <td><input type="text" name="lnr"></td>
        </tr>
        <tr>
           <td><label for="vAbladezeit_spaet">Abladezeit spät:</label></td>
           <td><input type="text" name="vAbladezeit_spaet" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vAbladezeit_frueh">Abladezeit früh:</label></td>
           <td><input type="text" name="vAbladezeit_frueh" class="timepicker"></td>
        </tr> 
        <tr>
           <td><label for="vAbladetermin">Abladetermin:</label></td>
           <td><input type="text" name="vAbladetermin" class="datepicker"></td>
        </tr> 
        <tr>
           <td><label for="vLadezeit_spaet">Ladezeit spät:</label></td>
           <td><input type="text" name="vLadezeit_spaet" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vLadezeit_frueh">Ladezeit früh:</label></td>
           <td><input type="text" name="vLadezeit_frueh" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vLadedatum">Ladedatum:</label></td>
           <td><input type="text" name="vLadedatum" class="datepicker"></td>
        </tr> 
     </table>
     <input type="submit" name="submit" id="submit" value="ok">
  </form>

  <div id="working">Kör jobb, vänligen vänta... <div id="progressbar"></div></div>

  <div id="resultBox">
     <h2>Jobbet är korrekt utfört!</h2>
     <p><input type="button" onClick="location.href='./'" value=" << skapa nytt jobb "></p>
     <textarea id="responseXML" style="width:100%;height:300px;"></textarea>
  </div>
</body>

 

Du är en ängel ;)

 

När jag använder senaste koden sa kommer jag bara till progressbar sidan vid submit men ingenting händer sen, jobbet startas inte.

Länk till kommentar
Dela på andra webbplatser

Märkligt, det "funkar" bra för mig. Jag kan iof inte testa med din mottagarsida men när min testsida (ett skript som tar emot formulärvärdena, väntar lite och sen skriver ut dem) är klar så försvinner progressbar och ett meddelande om att det är klart visas...

Du kan ju testa att skriva ut URL:en och kolla/kör den för att se att allt är korrekt, typ:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <title>340017 @ eforum</title>
  <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
  <script type="text/javascript" src="jquery-ui.1.10.1.min.js"></script>
  <script type="text/javascript" src="jquery.ui.timepicker.js"></script>
  <script type="text/javascript">
     $(document).ready(function() {
        $('.timepicker').timepicker(); 
        $('.datepicker').datepicker({ dateFormat: "dd.mm.yy" });
        $('#myForm').submit(function() {
           $('#submit').attr("disabled", "disabled");
           $('#myForm').hide();
           $('#working').show();
           $("#progressbar").progressbar({ value: false });
           $url = "http://localhost:8080/BT_Mathys_LNr_export_0.1/services/BT_Mathys_LNr_export?method=runJob"
           $url = "localhost.asp?method=runJob"
           var i = 1
           $('form :input').each(function() {
              var inputName = $(this).attr('name');
              var inputValue = $(this).val();
              if (inputName != 'submit') {
                 $url = $url + "&arg"+i+"=--context_param%20"+inputName+"="+inputValue
                 i++
              };
           });
           $("#urlBox").html("<strong>Skickar:</strong> " + $url);
           $.post($url, function(data) {
              $("#working").hide();
              $("#resultBox").show();
              $("#responseXML").html(data);
              $("#urlBox").html("<strong>Skickat:</strong> " + $url);
           });
           return false;
        });
     });
  </script>
  <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.1/themes/south-street/jquery-ui.min.css">
  <link rel="stylesheet" type="text/css" href="style2.css">
  <style type="text/css">
     .ui-timepicker { font-family:Calibri,Arial; font-size: 0.9em; }
     .ui-datepicker { font-family:Calibri,Arial; font-size: 0.8em; }
     .ui-timepicker-hour-cell, .ui-timepicker-minute-cell { cursor:pointer; }
     #resultBox, #working {
        display:none;
        width:50%;
        margin:auto;
        margin-top:20%;
        font-family:Calibri,Arial; font-size: 1.2em;
        text-align: center;
     }
  </style>
</head>

<body>

  <form method="get" id="myForm">
     <table width="300px" height="auto">
        <tr>
           <td><label for="lnr">Liefernummer:</label></td>
           <td><input type="text" name="lnr"></td>
        </tr>
        <tr>
           <td><label for="vAbladezeit_spaet">Abladezeit spät:</label></td>
           <td><input type="text" name="vAbladezeit_spaet" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vAbladezeit_frueh">Abladezeit früh:</label></td>
           <td><input type="text" name="vAbladezeit_frueh" class="timepicker"></td>
        </tr> 
        <tr>
           <td><label for="vAbladetermin">Abladetermin:</label></td>
           <td><input type="text" name="vAbladetermin" class="datepicker"></td>
        </tr> 
        <tr>
           <td><label for="vLadezeit_spaet">Ladezeit spät:</label></td>
           <td><input type="text" name="vLadezeit_spaet" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vLadezeit_frueh">Ladezeit früh:</label></td>
           <td><input type="text" name="vLadezeit_frueh" class="timepicker"></td>
        </tr>
        <tr>
           <td><label for="vLadedatum">Ladedatum:</label></td>
           <td><input type="text" name="vLadedatum" class="datepicker"></td>
        </tr> 
     </table>
     <input type="submit" name="submit" id="submit" value="ok">
  </form>

  <div id="working">Kör jobb, vänligen vänta... <div id="progressbar"></div></div>

  <div id="resultBox">
     <h2>Jobbet är korrekt utfört!</h2>
     <p><input type="button" onClick="location.href='./'" value=" << skapa nytt jobb "></p>
     <textarea id="responseXML" style="width:100%;height:300px;"></textarea>
  </div>

  <div id="urlBox"></div>
</body>

Du kan se hur det ser ut för mig här: http://eforum.kicks-ass.net/demo/340017/

Länk till kommentar
Dela på andra webbplatser

Märkligt, det "funkar" bra för mig. Jag kan iof inte testa med din mottagarsida men när min testsida (ett skript som tar emot formulärvärdena, väntar lite och sen skriver ut dem) är klar så försvinner progressbar och ett meddelande om att det är klart visas...

Du kan ju testa att skriva ut URL:en och kolla/kör den för att se att allt är korrekt, typ: [...]

Du kan se hur det ser ut för mig här: http://eforum.kicks-...et/demo/340017/

 

Nu kopierade jag din kod och ändrade bara sökvägarna pa javascripten men jag kommer ända inte vidare. Skickar en bild pa url:en och hur det ser ut.

Har ändrat i koden sa den riktiga URL:en star efter Skickar: men hur som helst sa startar inte mitt jobb. Om jag däremot kopierar exakt denna URL:en som visas där och klistrar in exakt samma in ett nytt fönster sa startar jobbet.

 

Pa nat sätt sa verkar det som att min sida inte gör mer än att skriva in rätt address men utan att göra en execution. Med det menar jag att den verkar inte göra mer än att t.ex öppna ett nytt fönster klistra in rätt address i url:en utan att trycka pa enter och da händer ju inget

post-52478-0-57551100-1361859982_thumb.jpg

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...