meta dinamici con javascript

manu1289

Nuovo Utente
19 Giu 2015
3
0
0
Salve
devo rendere i meta dinamici.
al click sul bottone o al caricamento della pagina, il capo dei meta tag deve prendere il contenuto del titolo, l'immagine e la descrizione contenuti nella pagina (sotto l'esempio)
mi hanno detto che è possibile farlo con javascript ma non sono molto pratico :)
potete darmi una mano?


HTML:
<html>
<head> 

<title>orlando - american dream</title>
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />

</head>
<body>

     <h1 id="titolo">Titolo</h1>

     <p id="descrizione">Vestibulum velit justo, porta a aliquet a; sodales nec quam. Etiam lobortis tortor ex, non iaculis dolor interdum in!</p>

    <img id="immagine" src="immagine.jpg" />

     <a target='_blank' class="fb" href='https://www.facebook.com/sharer/sharer.php?u=http://miosito.org/ >Share facebook</a>
     <a target='_blank' class="tw" href='https://twitter.com/intent/tweet?url=http://miosito.org/ >Share twitter</a>
     <a target='_blank' class="gplus" href='https://plus.google.com/share?url=http://miosito.org/ >Share gplus</a>

</body>
</html>


grazie
 
Puoi assegnare un selettore allo specifico meta da cambiare ed utilizzare:

Codice:
var mioTitolo = "quello che vuoi ce lo metti";
("#selettore" ).attr( "content", mioTitolo );
 

Discussioni simili