Mettere tempo all'onclick

[brunino]

Rileggi il post di Sir con più attenzione

Inviato dal mio MotoE2(4G-LTE) utilizzando Tapatalk

[frank]

E' var obbiettivo che non ho capito bene, poi non vedo la parola onclick

<script>
var target;
target = "document.getElementById('restorePermXX');

function miaFunzione() {
var obiettivo = "Ripristina permessi";
setTimeout(function() {
obiettivo.style.visibility = "hidden";
}, 9000);
}
</script>

[Sir Xiradorn]

Ci sta un target.onclick enorme!

[frank]

Allora qui devo togliere tutta la parte onclick?

Codice: Seleziona tutto

<span style="color:#ff0000; margin-left:10px;"><span id="restorePerm">Stai provando i permessi di un utente</span></span><span id="restorePermX"> /</span><a id="restorePermXX" style="margin-left:-15px;" href="{U_RESTORE_PERMISSIONS}" onclick="document.getElementById('restorePerm').style.visibility='hidden',getElementById('restorePermX').style.visibility='hidden',miaFunzione().style.textDecoration='none';">{L_RESTORE_PERMISSIONS}</a>

[Sir Xiradorn]

Vedi un po qua: http://jsbin.com/hecutu/edit?html,output

[frank]

Ho applicato le modifiche, ma non funziona

Codice: Seleziona tutto

<script>
var target; 
      target = document.getElementById('restorePermXX').onclick = miaFunzione;

function miaFunzione() {
	var obiettivo = getElementById('restorePermXX');
	var obiettivo.style.visibility = "hidden"; 
   var obiettivo.style.textDecoration='none';
setTimeout(function() {
   document.getElementById('restorePermXX').style.visibility = "visible";
   }, 9000); 
}
</script>

<!-- IF U_RESTORE_PERMISSIONS -->
<a href="{U_RESTORE_PERMISSIONS}" id="restorePermXX">{L_RESTORE_PERMISSIONS}</a>
<!-- ENDIF -->

[Sir Xiradorn]

Lo script va alla fine frank. Te lo ho spiegato qualche post fa

[frank]

Ok, ma anche così non va

Codice: Seleziona tutto

<!-- IF U_RESTORE_PERMISSIONS -->
<a href="{U_RESTORE_PERMISSIONS}" id="restorePermXX">{L_RESTORE_PERMISSIONS}</a>
<!-- ENDIF -->

<script>
var target; 
      target = document.getElementById('restorePermXX').onclick = miaFunzione;

function miaFunzione() {
   var obiettivo = getElementById('restorePermXX');
   var obiettivo.style.visibility = "hidden"; 
   var obiettivo.style.textDecoration='none';
setTimeout(function() {
   document.getElementById('restorePermXX').style.visibility = "visible";
   }, 9000); 
}
</script>

[Sir Xiradorn]

Primo: per fine intendo prima del tag body.
Secondo: non fare casino tra la definizione delle variabili e la loro assegnazione. Poi ho inserito un tag fondamentale che permette una validazione dello script e lo fa fungere solo se tutto è definito. Ovvero 'use_strict'
Definisci le variabili e poi le usi. Impara a esse metodico senno fai un casino tentando a 'caso' di fare cose senza capi.

Codice: Seleziona tutto

'use strict'
/* definizione varibili */
var elementoCheScompare;

elementoCheScompare = document.getElementById('restorePermXX').onclick = miaFunzione;

Poi nella seconda parte:

Codice: Seleziona tutto

/**
 * function miaFunzione
 */
function miaFunzione() {
    var elem;
    elem = document.getElementById('restorePermXX');

    // togli visibilità
    elem.style.visibility = "hidden";

    // dopo tot dai visibilità
    setTimeout(function() {
        elem.style.visibility = "visible";
    }, 3000);
}

[frank]

Non va, dov'è che sbaglio?

Codice: Seleziona tutto

<script>
'use strict'
    var obiettivo = getElementById('restorePermXX');
    var obiettivo.style.visibility = "hidden"; 
    var obiettivo.style.textDecoration='none';
    var elementoCheScompare;
elementoCheScompare = document.getElementById('restorePermXX').onclick = miaFunzione;

function miaFunzione() {
    var elem;
    elem = document.getElementById('restorePermXX');
    elem.style.visibility = "hidden";
    setTimeout(function() {
    elem.style.visibility = "visible";
    }, 3000);
}
</script>