Ciao a tutti,
vorrei impostare dinamicamente ad un file html di cui conosco il path un valore html (il path di un'immagine, l'src), si può fare o posso lavorare solo sul file in questione?
Mi spigo meglio, vorrei impostare un'immagine in un file, e poi richiamarlo con un link...
Spero di essere stato chiaro
Grazie a tutti,
z3n
Mica tanto prova con un esempio, ricordandoti che js opera solo sul dominio dove hai pieni poteri amministrativi, non puoi manipolare pagine esterne.
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Allora, ammettiamo che io ho una pagina p.html che contiene
che si trova in una certa cartella insieme alla pagina qui.html.codice HTML:<img src="../img/foto/galleria/22.jpg" alt="1">
nella pagina qui.html io ho un valore diciamo ../img/foto/galleria/25.jpg e un link alla pagina p.html.
Dalla pagina qui.html posso variare il valore di img src nella pagina p.html?
Spero di aver chiarito il tutto
Si il cambio lo puoi fare ma le pagine devono essere entrambe aperte e la prima deve aprire la seconda tramite window.open per avere un collegamento, e il cambiamento sarà solo temporaneo una volta chiusa la pagina modificata perderà le modifiche, se queste condizioni non sono un problema posta il codice html delle due pagine.
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Ti sei spiegato discretamente, gomblimendi.
Sì, si può.
Dalla pagina qui.html glielo puoi trasmettere alla p.html appeso all' url.
Hai quel link che chiama con href="p.html" e dovrà diventare del tipo: href="p.html?../img/foto/galleria/25.jpg" come fosse una variabile PHP/ASP trasmessa in GET.
La pagina "ricevente" p.html dovrà però essere programmata per recuperare quella stringa dal proprio url.
Quindi anche sì, dovrai "lavorare solo sul file in questione" ma una volta sola per tutte.
Altrimenti poi c'è un' altra strada con window.open dove la seconda si apre come pop-up della prima (pagina).
Enzaccio ti ringrazio per la risposta, mi hai illuminato! unica cosa: ammettiamo che io la chiamata la faccio da un oggetto
come faccio ad includere nella richiesta il valore "../img/foto/galleria/22.jpg"?codice HTML:<img class="img-box" src="../img/foto/galleria/22.jpg?p=" alt="1">
Nel senso, riesco ad ottenere la lista di oggetti di classe img-box ma c'è un modo per ottenere quello corrente senza dover elaborare la lista di img di quella classe che ho nella pagina usando document.getElementsByClassName('img-box')?
Eseguendo un ciclo sulla classe considerando che le classi sono considerati "collezioni" che partono da 0, pertanto zero sarà la prima immagine uno la seconda immagine etc...
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Intanto ti posto un modello essenziale della p.html (pagina ricevente) per vedere se ci ritroviamo sino al passo precedente:
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head><title>ricevente</title> <script type="text/javascript"> var pezziURL = window.location.href.split("?"); alert(pezziURL); function esecuzione(){ document.getElementById("tag").src=pezziURL[1]; } </script> </head><body onload="esecuzione();"> <img id="tag" src=""> </body></html>
Te nella pagina qui.html metti un Link "sperimentale" che la chiama, nell' href aggiungi il carattere del punto interrogativo e ci aggiungi l' url dell' immagine che vuoi fare apparire nella p.html :
<a href="p.html?filepath/filename.jpg">vai alla p.html</a>
In atto, la JS native function split() scompone la stringa che ora compare nella barra indirizzi, "spaccandola" in corrispondenza del carattere che le abbiamo fornito da prendere come riferimento (il "?") e ti restituisce una collection (likewise an Array) che l' alert() ti stampa: infatti al posto del ? ci trovi una virgola, che è il separatore tra gli articoli di un Array.
Ora, come ti dice Andrea si comincia a contare da zero quindi, quello che si trova prima del ? è a posizione [0] nella collezione, ciò che lo segue e che vogliamo recuperare è invece a posizione [1] (e all' occorrenza si potrebbero inviare ulteriori variabili).
Quindi pezziURL[1] lo andiamo ad assegnare come Valore di SRC al Tag.
Infine, te chiedi ora un' altra cosa: come recuperare il valore da trasmettere, dall' immagina cliccata in partenza.
Se ho capito bene e semplice, abbiamo una serie di:
<a href="p.html"><img class="img-box" src="../img/foto/galleria/22.jpg?p=" alt="1"></a>
ma allora, non ce lo potresti già inserire anche in href in coda ?
Altrimenti, cosa altro intendi per "la chiamata la faccio da un oggetto" ?!??
Ultima modifica di Enzaccio; 16-09-2014 a 00:49
Rispondi quotando
