Php + Jquery acquisizione parametri per generazione url

[xdaniel2]

Salve,
ho un problema di questo tipo:

attraverso l'utilizzo di jquery e php dovrei acquisire in una pagina dei valori in modo che attraverso il comando submit possa poi andare alla url con dentro i parametri appena inserito.

Esempio

inserisci alfa:0..85 Da zero a 85

Inserisci beta:10..20 da dieci a venti.

Vai alla url www.prova.it/valore1["numero da 0 a 85"].valore2["numero da 10 a 20"]

Qualcuno sa per favore come dovrei fare??
Grazie mille a tutti.

[jcsnake]

Ciao, il motivo dell'utilizzo di jquery qual è?Perchè potresti risolvere il tutto con una form html con method get.

[xdaniel2]

il problema è che non devo inviare dati a un'altra pagina, ma devo creare un url con all'interno dei valori acquisiti sulla stessa pagina.

Cioè faccio un esempio piu chiaro:

Ho due link dove posso scaricare due immagini:

1) www.foto.esempio?cartella[x].foto[1]

2) www.foto.esempio?cartella[y].foto[2]

quindi dalla mia pagina devo acquisire il valore della cartella e il valore della foto e poi diciamo generare l'url, successivamente un tasto/link scarica la foto scelta.

[xproj]

da quello che ho capito, tu vorresti prendere dei valori presenti in una pagina html e costruire un link del tipo che hai detto?

[xproj]

Originariamente inviato da xdaniel2

quindi dalla mia pagina devo acquisire il valore della cartella e il valore della foto e poi diciamo generare l'url, successivamente un tasto/link scarica la foto scelta.

puoi postare il codice html dove sono presenti queste due informazioni?

[xdaniel2]

Originariamente inviato da xproj
da quello che ho capito, tu vorresti prendere dei valori presenti in una pagina html e costruire un link del tipo che hai detto?

Esattamente,

se vuoi ti posto pure il codice ma hai capito bene il mio obiettivo, il codice prevede la creazione di un link a un server opendap dove i valori da inserire in questo link sono valori di coordinate.

Ma in pratica è la stessa cosa del mio esempio fatto con le cartelle e foto.


Quindi diciamo che aquisiti questi due valori dopo non saprei come generare questo link/url.

[xproj]

quindi tu sai come prenderli in javascript no? non sai come generare l'url? quindi presuppongo di avere due variabili javascript val1 e val2 che contengono questi valori?

[xdaniel2]

Ora ti posto il blocco di codice.

.......
  var rectangle = new google.maps.Rectangle({
   bounds: bounds,
   editable: true
  });
  google.maps.event.addListener(rectangle, "bounds_changed", function() {
      var field=document.getElementById("area");
      var lowerleftNS=document.getElementById("lowerNS");
      var lowerleftEW=document.getElementById("lowerEW");
      var upperrightNS=document.getElementById("upperNS");
      var upperrightEW=document.getElementById("upperEW");
  if (field!=null && rectangle!=null) {
   var prec=2;
   var ll=rectangle.getBounds().getSouthWest();
   var ur=rectangle.getBounds().getNorthEast();
   llLat=Math.round(ll.lat()*(10^prec))/(10^prec); //IN QUESTO MODO PRENDIAMO ANCHE I PRIMI 2 VALORI DECIMALI
   llLon=Math.round(ll.lng()*(10^prec))/(10^prec);
   urLat=Math.round(ur.lat()*(10^prec))/(10^prec);
   urLon=Math.round(ur.lng()*(10^prec))/(10^prec);
   field.value=llLat+","+llLon+","+urLat+","+urLon;
   lowerleftNS.value=llLat;
   lowerleftEW.value=llLon;
   upperrightNS.value=urLat;
   upperrightEW.value=urLon;
  }
  });
  rectangle.setMap(map);
 }

 google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div style="clear: both;border-style:Solid;border-color:#646464;border-width:5px; position: relative; margin: 3pt; padding: 0pt; background-color: rgb(229, 227, 223); overflow: visible; height: 550px; width: 850px;" id="map_canvas"></div>
<!--

Coordinate upper left & lower right:<input size=40 type="text" id="area" name="area" value="40.37,13.50,41.12,14.50"> -->

<form align="center" action="">// QUESTA PARTE SONO SICURO CHE NON SERVA 


//IN QUESTO BLOCCO VISUALIZZO DINAMICAMENTE I VALORI CHE CAMBIANO SELEZIONANDO 
//IL RETTANGOLO SULLA MAPPA.
//IN BASE AI VALORI DI COORDINATE DEVO ANDARE A UN URL.
//QUESTO URL OLTRE A 4 VALORI, HA BISOGNO ANCHE DI UN VALORE PRESO DA UN CHECKBOX.
<h3>Coordinate Vertici</h3>
Lower left North/Sud:<INPUT size=4 TYPE="text" NAME="lowerNS" id="lowerNS"> | Lower left Est/West:<INPUT  size=4 TYPE="text" NAME="lowerEW" id="lowerEW">




Upper right North/Sud:<INPUT  size=4 TYPE="text" NAME="upperNS" id="upperNS"> | Upper right Est/West:<INPUT  size=4 TYPE="text" NAME="upperEW" id="upperEW">




<input type="submit" value="Scarica i dati">
</form>


SONO SICURO CHE IL FORM è INUTILE VISTO CHE NN DEVO INVIARE DATI A UN'ALTRA PAGINA,
PERO DEVO PREVEDERE L'AGGIORNAMENTO AUTOMATICO DEI VALORI NEI CAMPI DEL FORM E DA QUESTI VALORI + UN ALTRO VALORE STRINGA PRESO DA CHECKBOX DEVO GENERARE LA URL

[xproj]

Originariamente inviato da xdaniel2
Ora ti posto il blocco di codice.

.......
  var rectangle = new google.maps.Rectangle({
   bounds: bounds,
   editable: true
  });
  google.maps.event.addListener(rectangle, "bounds_changed", function() {
      var field=document.getElementById("area");
      var lowerleftNS=document.getElementById("lowerNS");
      var lowerleftEW=document.getElementById("lowerEW");
      var upperrightNS=document.getElementById("upperNS");
      var upperrightEW=document.getElementById("upperEW");
  if (field!=null && rectangle!=null) {
   var prec=2;
   var ll=rectangle.getBounds().getSouthWest();
   var ur=rectangle.getBounds().getNorthEast();
   llLat=Math.round(ll.lat()*(10^prec))/(10^prec); //IN QUESTO MODO PRENDIAMO ANCHE I PRIMI 2 VALORI DECIMALI
   llLon=Math.round(ll.lng()*(10^prec))/(10^prec);
   urLat=Math.round(ur.lat()*(10^prec))/(10^prec);
   urLon=Math.round(ur.lng()*(10^prec))/(10^prec);
   field.value=llLat+","+llLon+","+urLat+","+urLon;
   lowerleftNS.value=llLat;
   lowerleftEW.value=llLon;
   upperrightNS.value=urLat;
   upperrightEW.value=urLon;
  }
  });
  rectangle.setMap(map);
 }

 google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div style="clear: both;border-style:Solid;border-color:#646464;border-width:5px; position: relative; margin: 3pt; padding: 0pt; background-color: rgb(229, 227, 223); overflow: visible; height: 550px; width: 850px;" id="map_canvas"></div>
<!--

Coordinate upper left & lower right:<input size=40 type="text" id="area" name="area" value="40.37,13.50,41.12,14.50"> -->

<form align="center" action="">// QUESTA PARTE SONO SICURO CHE NON SERVA 


//IN QUESTO BLOCCO VISUALIZZO DINAMICAMENTE I VALORI CHE CAMBIANO SELEZIONANDO 
//IL RETTANGOLO SULLA MAPPA.
//IN BASE AI VALORI DI COORDINATE DEVO ANDARE A UN URL.
//QUESTO URL OLTRE A 4 VALORI, HA BISOGNO ANCHE DI UN VALORE PRESO DA UN CHECKBOX.
<h3>Coordinate Vertici</h3>
Lower left North/Sud:<INPUT size=4 TYPE="text" NAME="lowerNS" id="lowerNS"> | Lower left Est/West:<INPUT  size=4 TYPE="text" NAME="lowerEW" id="lowerEW">




Upper right North/Sud:<INPUT  size=4 TYPE="text" NAME="upperNS" id="upperNS"> | Upper right Est/West:<INPUT  size=4 TYPE="text" NAME="upperEW" id="upperEW">




<input type="submit" value="Scarica i dati">
</form>


SONO SICURO CHE IL FORM è INUTILE VISTO CHE NN DEVO INVIARE DATI A UN'ALTRA PAGINA,
PERO DEVO PREVEDERE L'AGGIORNAMENTO AUTOMATICO DEI VALORI NEI CAMPI DEL FORM E DA QUESTI VALORI + UN ALTRO VALORE STRINGA PRESO DA CHECKBOX DEVO GENERARE LA URL

prova cosi'.... fammi sapere... buon appetito

<script src="jquery-1.6.4.min.js"></script>
		
		<script>
			function calc_url(){
				//prende i valori dagli input; per la checkbox è la stessa cosa
				val1=$('#lowerNS').val();
				val2=$('#lowerEW').val();
				val3=$('#upperNS').val();
				val4=$('#upperEW').val();

				//qui vedi un po tu come deve essere costruita l'url
				url='http://'+val1+val2+val3+val4;

				//controlla se i valori inseriti non sono stringhe vuote
				if (val1 && val2 && val3 && val4){
					$('#link').html('link');
				}else{
					//svuota il div se un solo valore non è inserito
					$('#link').html();
				}
			}
			$(document).ready(function(){
				//al caricamento controlla se puo calcolare il link
				calc_url();
				$('#lowerNS,#lowerEW,#upperNS,#upperEW').change(function(){

					calc_url();
				});
		
			});
		
		</script>

[xdaniel2]

Bhe non so come ringraziarti, cmq l'ho provata credo vada bene ma non ho capito come utilizzare la variabile url per farla vedere e magari collegarla a un tasto.

Grazie e buon appetito anche a te!