Søg
Avatar billede jochke Nybegynder
20. marts 2004 - 22:40 Der er 15 kommentarer og
1 løsning

Hjælpe tekst.

Jeg søger en hjælpetekst magen til den her: https://registrering.tdconline.dk/eservice/showtdclogin.do?popup=true

Hvor man åbner teksten ved klik på ? og lukker den igen ved at klikke på x'et.

Jeg bliver absolut ikke klogere af at kigge i sovsen. Så hvis nogen ligger inde med sådan et scipt, eller ved hvor det kan fremskaffes vil jeg være lykkelig. :)
Avatar billede skovenborg Nybegynder
20. marts 2004 - 23:02 #1
<script type="text/javascript">
  var textarr = new Array();
  textarr[0] = "Noget tekst";
  textarr[1] = "Noget andet tekst";
  function showText(idx) {
      document.getElementById("showTextDiv").innerHTML = textarr[idx];
  }
</script>

Noget tekst som du kan have et spørgsmål til. <img src="q.png" onclick="showText(0)" /><br />
Her er noget andet som man kan lave et tip til. <img src="q.png" onclick="showText(1);" />

<div id="showTextDiv">
</div>
Avatar billede jochke Nybegynder
20. marts 2004 - 23:12 #2
Cool...er det så let. Hvad gør du så for at lukke teksten igen?
Avatar billede skovenborg Nybegynder
20. marts 2004 - 23:13 #3
sådan her (glemte det lige i starten):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>TITLE</title>
<script type="text/javascript">
  var textarr = new Array();
  textarr[0] = "Noget tekst";
  textarr[1] = "Noget andet tekst";
  function showText(idx) {
      document.getElementById("showTextDivIndhold").innerHTML = textarr[idx];
      document.getElementById("showTextDiv").style.display = "block";
      document.getElementById("standardTextDiv").style.display = "none";
  }
</script>
<style type="text/css">
  #showTextDiv {display:none;}
  #standardTextDiv {display:block;}
</style>
</head>
<body>

Noget tekst som du kan have et spørgsmål til. <img src="logo.png" onclick="showText(0)" /><br />
Her er noget andet som man kan lave et tip til. <img src="logo.png" onclick="showText(1);" />

<div id="showTextDiv">
<img src="char1.gif" onclick="this.parentNode.style.display = 'none';document.getElementById('standardTextDiv').style.display = 'block';" />
<div id="showTextDivIndhold"></div>
</div>
<div id="standardTextDiv">
Her er standard teksten
</div>
</body>
</html>
Avatar billede skovenborg Nybegynder
20. marts 2004 - 23:19 #4
tdc har skam også en meget enkel måde at gøre det på. De blander vist bare lidt serverside-scripting ind (men kun på den måde de laver det array de henter teksten ud fra).
Avatar billede jochke Nybegynder
20. marts 2004 - 23:50 #5
Takker.

Ja...jeg har godt lagt mærke til det er dynamisk. Men kunne ikke lige kringle javascriptet. Det duer jeg sku ik så godt til.

Har dog lige et sidste tillægs spørgsmål. Jeg ønsker teksten skal ligge inde i en tabel. Men den tabel skal jo også komme og gå når man trykker på de der knapper. Så ville lige høre om det kan gøres på en anden måde end at ligge helere tabel koden ind i array.

Det jeg har kodet nu, vil jo efterlade en lille synlig del af tabellen.

<table>
<tr><td>
<div id="showTextDiv">
<img src="../web-images/knap_c.gif" width="13" height="14" align="bottom" alt="" onclick="this.parentNode.style.display = 'none';document.getElementById('standardTextDiv').style.display = 'block';">
<div id="showTextDivIndhold"></div>
</div>
<div id="standardTextDiv">
</div>
</td></tr>
</table>
Avatar billede jochke Nybegynder
20. marts 2004 - 23:51 #6
Og så må du også gerne svare så du kan få de velfortjente point.
Avatar billede skovenborg Nybegynder
20. marts 2004 - 23:54 #7
bare drop <div id="showTextDiv"> og skriv:
<table id="showTextDiv"> i stedet.

Det burde formedentlig virke. Og så skal du bare slette <div id="standardTextDiv"></div> hvis du ikke vil have noget tekst til at stå når ingen hjælpetekst bliver vist. Hvis du gør det skal du bare også slette:
document.getElementById("standardTextDiv").style.display = "none";
i funktionen.
Avatar billede skovenborg Nybegynder
20. marts 2004 - 23:54 #8
...og her er et svar :-)
Avatar billede skovenborg Nybegynder
20. marts 2004 - 23:58 #9
altså så det kommer til at se nogenlunde sådan her ud:
<script type="text/javascript">
  var textarr = new Array();
  textarr[0] = "Noget tekst";
  textarr[1] = "Noget andet tekst";
  function showText(idx) {
      document.getElementById("showTextDivIndhold").innerHTML = textarr[idx];
      document.getElementById("showTextDiv").style.display = "block";
  }
</script>
....
<table id="showTextDiv">
<tr><td>
<img src="../web-images/knap_c.gif" width="13" height="14" align="bottom" alt="" onclick="this.parentNode.style.display = 'none';">
<div id="showTextDivIndhold"></div>
</div>
</td></tr>
</table>
Avatar billede skovenborg Nybegynder
20. marts 2004 - 23:59 #10
hov - den sidst </div> skal lige slettes:
<table id="showTextDiv">
<tr><td>
<img src="../web-images/knap_c.gif" width="13" height="14" align="bottom" alt="" onclick="this.parentNode.style.display = 'none';">
<div id="showTextDivIndhold"></div>
</td></tr>
</table>
Avatar billede jochke Nybegynder
21. marts 2004 - 00:21 #11
Det virker fint bortset fra hvis man først har klikket teksten frem, lukket den igen og ønsker den frem igen, så vil den ikke, med mindre man reloader.
Avatar billede skovenborg Nybegynder
21. marts 2004 - 00:29 #12
det rigtigt - den havde jeg overset:
<img src="../web-images/knap_c.gif" width="13" height="14" align="bottom" alt="" onclick="document.getElementById('showTextDiv').style.display = 'none';">
Avatar billede jochke Nybegynder
21. marts 2004 - 00:33 #13
Taxa. Du får lige lidt karma oven i hatten. :)
Avatar billede skovenborg Nybegynder
21. marts 2004 - 00:45 #14
jamen tak for begge dele da :-)
Avatar billede skovenborg Nybegynder
21. marts 2004 - 00:46 #15
btw lavede du en lille stavefejl i karmaen ;-)

hen = han regner jeg med ;-)
Avatar billede jochke Nybegynder
21. marts 2004 - 01:00 #16
Ups... rettet. :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »