[js] tag <a> e link visited

**serialkiller** · 15-02-2006, 19:24

'sera a tutti,

mi sono messo ad utilizzare il consiglio dato sul pro.html

http://pro.html.it/articoli/id_669/i...pag_3/pag.html

in modo da rendere visibili i link visitati in modo un po' diverso dal solito.

Su questo nessun problema, se si tratta di normali link tipo

codice:

html

la cosa cambia se di mezzo c'è un richiamo ad una funzione javascript tipo:

codice:

html

ovvero, cliccato uno, risultano tutti "visited" desumo perchè fa riferimento al primo pezzo, ovvero la chaimata alla funzione.

per ovviare questo, non utilizzo il foglio di stile esterno, ma aggiungo onclick="this.style.ecc,ecc", ottengo il risultato, ma ovviamente non tiene conto del "visited" se cambio pagina e ci ritorno, perchè è fittizzio, una cosa fatta e servita al momento, senza nessuna tracciabilità, come invece sucede sui normali link.

sapreste indicarmi la strada per ottenere lo stesso risultato, anche dove i link sono chiamate alla funzione javascript ?

Grazie

SK

**sanvegeta** · 15-02-2006, 19:49

sinceramente non mi è molto chiaro il problema, cmq SE il problema sono i link trattati tutti allo stesso modo, prova ad assegnare un id ad ogni link, in questo modo ogni singolo link diventa davvero unico.
inoltre, se può esserti utile, per aprire un link in una nuova pagina puoi usare l'attributo target="_blank"

ciao

**serialkiller** · 15-02-2006, 20:00

Originariamente inviato da sanvegeta
sinceramente non mi è molto chiaro il problema, cmq SE il problema sono i link trattati tutti allo stesso modo, prova ad assegnare un id ad ogni link, in questo modo ogni singolo link diventa davvero unico.
inoltre, se può esserti utile, per aprire un link in una nuova pagina puoi usare l'attributo target="_blank"

ciao

target in xhtml 1.0 strict è deprecato, comunque credo di aver risolto così...

codice:

sito

il link torna ad essere "normale"...

oltretutto mi evito che queste pop up siano non accessibili

**serialkiller** · 15-02-2006, 20:10

peccato che con IE non funziona

suggerimenti ???

**sanvegeta** · 15-02-2006, 20:16

target è deprecato perchè lo devi mettere in uno stile, è buon uso mettere tutti gli attributi negli stili e usare le classi per diversificare il comportamento per ogni oggetto.

se posti la funzione apri_new ci diamo un'occhiata

**serialkiller** · 15-02-2006, 20:24

Originariamente inviato da sanvegeta
target è deprecato perchè lo devi mettere in uno stile, è buon uso mettere tutti gli attributi negli stili e usare le classi per diversificare il comportamento per ogni oggetto.

se posti la funzione apri_new ci diamo un'occhiata

nella mia enorme stupidità, non ho mai sentito parlare di target nel css, se mi illumini, oggi imparo una cosa in +

per la funzione apri_new, non ci sono problemi, la popup si apre senza problemi, ma IE non riceve il comando per l'immaginetta "visited"come puoi vedere nel primo post, non so come spiegarmi, Firefox è perfetto ovviamente

**sanvegeta** · 15-02-2006, 20:34

c'hai ragione, non c'è nessun target in CSS

sorry

**serialkiller** · 15-02-2006, 20:37

Originariamente inviato da sanvegeta
c'hai ragione, non c'è nessun target in CSS

sorry

non era una battuta....c'è sempre da imparare

comunque non riesco a capire non funziona in IE

adesso mangio qualche cosa e torno

se avete dritte....

**sanvegeta** · 15-02-2006, 22:14

non cpaisco perchè non mi visualizza la risposta, cmq ci riprovo...

questo a me funziona

codice:

<html>
<head>
<title>Link visitati con background</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body{background: #FFF;font: 76% Verdana,sans-serif}
div.entry{width:50%}
h3{font: bold small-caps 200% Georgia,"Times New Roman",serif;
    margin: 0.7em 0  0.3em;color: #777}
p{line-height: 1.6;margin: 0 0 1em}
div.entry a{font-weight:bold;color: #80AAF2}
div.entry a:visited{padding-right: 12px;color: #999;
    background: url(http://pro.html.it/esempio/linkblog/visited.png) no-repeat center right}
div.entry a:hover{color: #5B93F2}
</style>
<script type="javascript">
function go_there(x) {
window.open(x,'_blank');
return true;
}
</script>
</head>
<body>
<div class="entry">
<h3>Marcare i link visitati con il background</h3>


Oeoeo eiooa ou o auu ooueuuio Edit, il blog di html.it
eeu oii aauu eueeeui oiuiuiio oiioue eeoaoeue ieo  uie ueioue aiuu oaa ooi ueoa eieu aio ea oo.
Ieiui io eeiuoo e u ioua eeauu uioe uo uu iieo uoeu iuuouu oao oaua uo
Google aeeu aioeo iuu oeuue iaee eeieu iioeau uaeui aa oo o eoaae a
ie eeaeuee u eeoioe.</p>


Aae iuouooeu link non visitato aeue ioiu oeiei
auuaia un altro link non visitato aiiioai auo oeui eueoeee  Link non visitato
iueoeue auii ooaea iui uai iaioe iu ueoeioi ooauei ueiiu ioiu.</p>
</div>
</body>
</html>

**serialkiller** · 15-02-2006, 22:24

dunque, oltre a ringraziarti per la cortesia e la pazienza nei miei confronti, purtroppo o perfortuna, non è + un problema di js, ma di IE credo.
Mi spiego, su IE funziona se si tratta di link testuali, e la cosa si nota semplicemente andando qui

ho notato che il problema esiste solo se i link sono immagini, è come se IE non valutasse il padding dello stato hover, certo l'immagine di spunta la mette.....ma sotto a quella che linka

quindi ora, come dicevo il problema è cambiato

posto nel forum css, vediamo se ne esco

Grazie ancora

Discussione: [js] tag <a> e link visited

Strumenti discussione

Ricerca discussione

Visualizza

[js] tag <a> e link visited

Permessi di invio