Link su testo o immaggine in contenuto dinamico che si apra in una nuova pagina
Autor: Francesco Tedeschi
Visitado 1225,
Followers 1,
Compartido 0
In contenuto dinamico, quando assegno un link esterno al sito ad un testo o ad un immaggine esso viene aperto nella stessa finestra, è possibile far aprirlo in una nuova finestra ?
Publicado en
prova cosi
Autor
Grazie Mirko !
siccome i link che dovranno essere inseriti nel contenuto dinamico saranno inseriti dal cliente e io non ne sono a conoscenza, c'è un altro comando per far aprire qualsiasi link in una nuova pagina ?
no, sempre con codice dovrà fare....
Autor
su questo sito ho trovato qualche nozione:
http://thejoe.it/2012/09/17/javascript-aprire-automaticamente-link-esterni-in-una-nuova-finestra/
faccio riferimento in particolare a questo codice che è presente nel link sopra riportato e che dovrebbe far aprire tutti i link in una nuova finestra
function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=anchors.length-1; i>=0; i--) {
var anchor = anchors[i];
if (anchor.href && anchor.href.substr(0,7) == "https://")
anchor.target = "_blank";
}
}
window.onload = externalLinks;
ho provato ad inserirlo in un oggetto html ma non mi funziona, l'ho anche inserito in head e nn funziona....
sbaglio qualcosa?
Hai inserito lo script tra i tag <script> </script> ?
Perché hai aggiunto la "s" al protocollo http ?
Comunque, se vuoi limitare l'apertura in una nuova scheda solo ai link presenti nell'oggetto dinamico, potresti usare una roba del genere (in HEAD):
<script>
$(document).ready(function(){
$('#dynObj_XX a').attr('target', '_blank');
});
</script>
Le XX le sostituirai col numero dell'oggetto contenuto dinamico interessato.
Non l'ho testato!
P.S.
Ma hai la Pro?
Non la vedo nel tuo profilo.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
... oltre a quanto ti è stato detto ... ... .. .. .. . . .
... il tuo codice va inserito in HEAD ...
... provalo in RETE, ...a me funziona: http://www.zspace.it/kolasim/website/provaJS_blank1.html
... oppure, per limitare l'azione ad un DIV, si potrebbe così: http://www.zspace.it/kolasim/website/provaJS_blank2.html
... in questo caso, se volessi usarlo in questo modo, devi sostituire l'ID usato "pippo" con l'ID reale dell'oggetto da controllare...
.
ciao
Autor
Scusate, ma dove sbaglio ? eppure mi sembra che abbia inserito tutto correttamente !!!!
Nella pagina http://www.provino86x.altervista.org/paparella/impianti-elettrici.php
ho inserito:
<script>
function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=anchors.length-1; i>=0; i--) {
var anchor = anchors[i];
if (anchor.href && anchor.href.substr(0,7) == "http://")
anchor.target = "_blank";
}
}
window.onload = externalLinks;
</script>
l'ho inserito nelle proprietà della pagina stessa, --> sezione esperto --> prima della chiusura del tag head
eppure le immaggini del link sopra riportato (che sono state inserite in contenuto dinamico e gli è stato assegnato loro un link diretto a dropbox per l'ingrandimento dell'immagine stessa) al click si aprono sempre nella stessa pagina !!!
SI ma è registrata sotto l'altra mia mail, di solito uso sempre questa mia email per interagire con l'answers in quanto ci sono parecchi miei post già aperti e se devo ricercare qlcs tra i miei post non devo swicciare da un email all' altra :D
Autor
non è che la pagina è in php e quindi questo script non funziona ???
... prova ad inserire questo altro codice modificato:
<script>
function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=anchors.length-1; i>=0; i--) {
var anchor = anchors[i];
if (anchor.href && anchor.href.substr(0,8) == "https://")
anchor.target = "_blank";
}
}
window.onload = externalLinks;
</script>
... faccio leggere le prime otto lettere delle stringa html, ed ho corretto il protocollo in "https"
.
ciao
Autor
Ora va benissimo :)
Grazie !!!!!!
... ottimo, OK ...
... puoi anche provare in codice jQuery postato da lemonsong, funge correttamente: http://www.zspace.it/kolasim/website/provaJS_blank3.html
... ho rubato jQuery di Mirko, ...ed usato lo stesso ID della tua pagina, dynObj_103, per cui puoi copiare ed incollare lo stesso mio (suo) codice...
.
... alla prossima......