Evidenziare una parte di testo cliccando su una parola

**grazy84** · 20-01-2006, 18:27

Ciao a tutti.

Io ho un piccolo problema.
Devo pubblicare su un sito l'analisi di un testo, ed ho impostato la pagina inserendo il testo e al di sotto le varie domande (chi, cosa, dove..).
Il problema nasce dal fatto che devo fare in modo che cliccando sui vari "chi cosa dove" si devono evidenziare le parti di testo interessate.
Solo che non ho la + pallida idea di come si faccia...non è che qualcuno di voi può darmi una mano? Magari esiste qualche javascript che fa questo lavoro...
Grazie 1000!

**Andrea1979** · 23-01-2006, 02:01

qualcosa del genere?

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Evidenzia testo</title>
<script language="javascript" type="text/javascript">
<!--
function switch_colour(id, bg, t) {
  var tag = document.getElementById(id);
  //alert(tag.style.color);
  if (tag.style.color == "#ffffff" || tag.style.color == 'rgb(255, 255, 255)') {
    tag.style.color='#000000';
	tag.style.backgroundColor ='#ffffff';
  }
  else {
    tag.style.color = t; 
	tag.style.backgroundColor = bg;
  }
}
-->
</script>
<style type="text/css">
<!--
.style1 {font-family: Georgia, "Times New Roman", Times, serif}
-->
</style>
</head>

<body>
  <div id="testo" class="style1" style="padding:2px; margin:auto; border:1px solid #CCCCCC; width: 800px">
  <h1 style="margin-top: 0px;">Il titolo</h1>
    

Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo... un' acapo.</p>
    

E si ricomincia: <span id="come">Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo...</span> Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo... Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo...</p>
    

Un paragrafo pi&ugrave; lungo, in cui ci sar&agrave; il dove e il quando:  Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo <span id="dove">dimostrativo, questo &egrave; soltanto del testo dimostrativo</span>, questo &egrave; soltanto del testo dimostrativo... Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo... Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo... Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo... Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo... Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo... Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo...<span id="quando"> Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo... Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo...</span> Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo... Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo... </p>
    

Questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo, questo &egrave; soltanto del testo dimostrativo...</p>
</div>
<div class="style1"><h1>Questionario</h1>
  Come

  Dove

  Quando

</div>
</body>
</html>

**grazy84** · 23-01-2006, 13:14

Perfetto, sn riuscita!
GRAZIE GRAZIE GRAZIE!! ^_-

**Andrea1979** · 23-01-2006, 13:32

Originariamente inviato da grazy84
Perfetto, sn riuscita!
GRAZIE GRAZIE GRAZIE!! ^_-

VVoVe:

Ciao!

Discussione: Evidenziare una parte di testo cliccando su una parola

Strumenti discussione

Ricerca discussione

Visualizza

Evidenziare una parte di testo cliccando su una parola

Permessi di invio