PDA

View Full Version : [HTML] creare una variabile con URL_ATTIVA


virussino
06-04-2017, 09:43
Ciao a tutti :)

devo fare una cosa abbastanza semplice, ma sto sbattendo la testa! :muro:
Utilizzo il CMS opencart, ed ho un piccolo Blog con alcuni articoli.

Alla fine dell'articolo vorrei inserire i pulsanti per i social, vi pongo l'esempio del pulsante Mi piace di Facebook:

<div class="fb-like" data-href="URL_ARTICOLO" data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div>

Direi abbastanza semplice. Ma siccome si tratta di modificare diversi articoli, vorrei semplificare la cosa facendo copia/incolla di un unico codice in tutti gl'articoli e le pagine del sito.... quindi la domanda è questa:

Posso creare una variabile URL_ATTIVA, che corrisponde alla pagina web aperta in quel momento?
In questo modo potrei inserire nel campo data-href="URL_ATTIVA" e fare copia incolla dello stesso codice in tutte le pagine, senza dover modificare il campo data-href per ogni singola pagina

In questo modo mi semplificherei la vita.

Cosa mi consigliate?

Grazie mille

3vi
06-04-2017, 09:50
potresti mettere alla fine di ogni pagina un javascript così (questo è utilizzando jquery):

$(".fb.-like").attr("data-href", window.location.href)

virussino
06-04-2017, 10:50
potresti mettere alla fine di ogni pagina un javascript così (questo è utilizzando jquery):

$(".fb.-like").attr("data-href", window.location.href)


Grande! grazie mille :)

virussino
06-04-2017, 22:08
potresti mettere alla fine di ogni pagina un javascript così (questo è utilizzando jquery):

$(".fb.-like").attr("data-href", window.location.href)


Ti rubo un altro consiglio..
Tra i pulsanti Social vorrei inserire anche quello per inviare il link dell'articolo via Whatsapp.

Questo è il codice funzionante:

<a href="whatsapp://send?text=www.vestilanatura.it/articolo_blog" data-action="share/whatsapp/share"><img src="http://whatsappcode.it/logo.png"></a>


Nello <script> ho inserito questa variabile:

var x = 'whatsapp://send?text=' + window.location.href;

L'ho testato con document.write e funziona, scrive whatsapp://send?text=www.vestilanatura.it/articolo_blog

Quello che non capisco è come posso inserirlo nel codice html: <a href="whatsapp://send?text=www.vestilanatura.it/articolo_blog"

Perchè se inserisco la X <a href="x" chiaramente non funziona.
Sono abbastanza ignorante in materia, come posso fare?

Grazie mille

3vi
07-04-2017, 09:47
Ti rubo un altro consiglio..
Tra i pulsanti Social vorrei inserire anche quello per inviare il link dell'articolo via Whatsapp.

Questo è il codice funzionante:

<a href="whatsapp://send?text=www.vestilanatura.it/articolo_blog" data-action="share/whatsapp/share"><img src="http://whatsappcode.it/logo.png"></a>


Nello <script> ho inserito questa variabile:

var x = 'whatsapp://send?text=' + window.location.href;

L'ho testato con document.write e funziona, scrive whatsapp://send?text=www.vestilanatura.it/articolo_blog

Quello che non capisco è come posso inserirlo nel codice html: <a href="whatsapp://send?text=www.vestilanatura.it/articolo_blog"

Perchè se inserisco la X <a href="x" chiaramente non funziona.
Sono abbastanza ignorante in materia, come posso fare?

Grazie mille

utilizza lo stesso criterio che ti ho detto sopra...nell'html inserisci un tag <a> a cui darai una classe o un id, e poi a quello con jquery vai a settare l'attributo href con il link che ti serve...

virussino
08-04-2017, 00:07
utilizza lo stesso criterio che ti ho detto sopra...nell'html inserisci un tag <a> a cui darai una classe o un id, e poi a quello con jquery vai a settare l'attributo href con il link che ti serve...

Avevo provato ma non mi riusciva! Comunque sbagliavo.. adesso è andata :)
Grazie ancora!