[Javascript] div linkabile che apre link e scompare

User Name

Utente Attivo
17 Mar 2005
42
0
6
Ciao a tutti!
Avrei un aiuto da chiedervi perche mi si è annebbiato il cervello.

Vorrei creare un pulsante che al primo click puntasse a un link poi scopmarisse quel pulsante e al suo posto apparisse un secondo link.
Ho pensato che potrei fare due div sovrapposti. Div1 col link al documento versione1 e Div2 col documento versione2
ho provato a creare i 2 div. Il primo col display none al primo click ma scompare subito il div1 senza attivare il link.
come posso fare per fare in modo che prima che il Div1 scompaia apra il link1 in una seconda finestra?
Spero di esere stato chiaro.
grazie
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, se posti il codice che hai scritto potrebbe essere possibile individuare l'errore.
prova anche questo
HTML:
<script>
    function apriWin(element) {
        var link;
        if (element.value == "link 1") {
            link = "http://google.it";
            element.value = "link 2";
        } else {
            link = "http://forum.mrwebmaster.it";
            element.value = "link 1";
        }
        window.open(link, "", "width=400,height=400");
    }
</script>
<input type="button" onclick="apriWin(this)" value="link 1"/>
 

User Name

Utente Attivo
17 Mar 2005
42
0
6
grazie dell'esempio.
io ho fatto tutto in modo più macchinoso
Codice:
<!--apre link in nuova pagina se sono nel div nascondi-->
<script language="javascript">
onload=function(){
    if(!document.getElementById || !document.getElementsByTagName) return;
    ext=document.getElementById("nascondi");
    l=ext.getElementsByTagName("a");
    for(i=0;i<l.length;i++)
        l[i].onclick=function(){window.open(this.href);return(false)};
    }
</script><!--apre link in nuova pagina se sono nel div nascondi-->


<!--nascondi div -->
<script language="javascript">
function mostra() {
document.getElementById("nascondi").style.display="block";
}
function nascondi() {
document.getElementById("nascondi").style.display="none";
}
</script><!--nascondi div -->

<div style="z-index:1; position:absolute;" id="doc">doc2</div>
<div style="z-index:2; position:absolute; max-height:50; max-width:43;" id="nascondi" onclick="javascript:nascondi()" >
doc1
</div>

voglio che apra in una nuova finestra tutto ciò che ci verrà caricato (ecco il perchè del primo js.
ora sembra che funzioni...il tuo sistema!

Ma avrei un'altra domanda.
Ho un widget esterno che mi carica una mascherina con dei link. Questi link sono tutti con apertura nella stessa finestra.
Ovviamente non posso modificare il codice del widget.
Una volta caricata tutta la pagina c'è un sistema per andare a sostituire via js il codice
target="_parent"
in target="_blank"?
grazie
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
trattorino [Javascript] onclick su piu div insieme Javascript 1
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
A JAVASCRIPT ELIMINAZIONE DIV DINAMICO SU SITO Offerte e Richieste di Lavoro e/o Collaborazione 3
A Javascript Nascondere Div con id numerico dinamico Javascript 18
S [javascript] visualizzare/nascondere div Javascript 3
C [Javascript] Mostrare un div cliccando una checkbox Javascript 0
M Ottenere i valori di una proprietà su un array di oggetti (es. DIV) in JavaScript Javascript 7
T [Javascript] Far partire script al raggiungimento del div/section Javascript 0
G [Javascript] scrollare div Javascript 2
T [Javascript] Refresh div Javascript 1
trattorino [Javascript] Blocco div in base all'altezza Javascript 1
L [Javascript] Come inserire codice dopo un div in automatico Javascript 2
S [Javascript] Aggiornare solo un DIV una sola volta con un click di un bottone Javascript 9
V javascript - cambiare immagine di sfondo di un div Javascript 3
M [Javascript] div sempre al top Javascript 6
E [Javascript] problema con margine quando viene mostrato div Javascript 0
F [Javascript] Inserire il contenuto di una pagina in un Div Javascript 2
Daniele450 [Javascript] Linkare ogni sigola voce dello stesso menu ad un div diverso della stessa pagina Javascript 3
E [Javascript] div "si sposta" al caricamento della pagina web Javascript 2
F [Javascript] Div ed iframe che adatta altezza in base al contenuto Javascript 1
S [Javascript] Nascondere e rendere visibile un Div cliccando su due link Javascript 2
H Eliminare div creato da javascript Javascript 1
Jonn [Javascript] Cambiare colore sfondo div allo scroll del mouse Javascript 3
M Javascript interno al DIV Javascript 5
D Aggiungere javascript a div Javascript 1
C in un file html/javascript caricare i div presenti nel body in un file di testo e richiamarli Javascript 7
J Php/Javascript div a scomparsa Javascript 2
P copiare il contenuto di un DIV con javascript/ajax Javascript 0
LaKanka Javascript e php mostra/nascondi div PHP 6
L Javascript e tag <DIV> Javascript 2
gladenko Javascript e accesso alle proprietà dei div Javascript 5
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 0
F Creare elementi html con javascript Javascript 2
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1

Discussioni simili