CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

clouise Nybegynder

16. december 2005 - 12:46 Der er 5 kommentarer

udskiftning af element i div tag via. javascript?

Jeg er ved at oprette en hjemmeside i CMS.

Jeg har brug for et javascript, der ved onclick på en button kan skifte nogle elementer ud, inden i et div tag med en bestemt id. (Elementerne er allerede defineret i systemet)

Altså ved onclick på en button skiftes elementet ud i denne div.

<div id="udskift"><% = Diasshow %></div>

Er der nogen som kan hjælpe mig lidt igang?

Jeg har sat min kode ind nedenunder:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

<HEAD>
<TITLE>
<% = pageTitlePrefix %>
<%= pageTitle %></TITLE>
<% if pageScriptArea <> "" then
response.write(pageScriptArea)
end if %>
<%= MetaTags %>
<% = css %>
<style type="text/css">

</style>
</HEAD>

<body bgcolor="<%= BgColor %>" leftmargin="0" topmargin="0" <% = Events %>>
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle"><table width="964" border="0" cellpadding="0" cellspacing="0" background="/graphics/bg_estate_bolig.gif">
<tr>
<td width="8" height="40"> </td>
<td align="left" valign="top">
<table width="949" height="36" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="918" height="12" align="right" valign="top"><img src="/graphics/spacer.gif" width="1" height="1"></td>
<td width="31" align="right" valign="top"><img src="/graphics/spacer.gif" width="1" height="1"></td>
</tr>
<tr>
<td height="18" align="right" valign="top"><div id="TopNav"><%= navigation %></div></td>
<td align="right" valign="top"><img src="/graphics/flag.gif" width="25" height="13"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="553"> </td>
<td align="left" valign="top"><table width="948" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="29" height="70"> </td>
<td align="left" valign="top"><table width="902" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="902" height="29" align="right" valign="bottom"><%= Tilbageknap %></td>
</tr>
</table>
<table width="673" height="26" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="26" align="left" valign="bottom">
<% = Bynavn_sagsnummer %>
</td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
<td height="374" align="left" valign="top"><table height="367" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="673" rowspan="2" align="left" valign="top"><div id="udskift"><% = Diasshow %></div></td>
<td width="227" height="153" align="left" valign="top">
<a name="516_295"></a><table width="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" align="left" valign="top"><span class="norm"><a href="sw465.asp" target="_top" ><img src="/graphics/button_diasshow.gif" width="129" height="17" border="0" hspace="0" vspace="0" border="0" alt="" /></a></span></td>
</tr>
<tr>
<td width="100%" align="left" valign="top"><span class="norm"><img src="/graphics/button_plantegning.gif" width="129" height="17" border="0" hspace="0" vspace="0" border="0" alt="" /></span></td>
</tr>
<tr>
<td width="100%" align="left" valign="top"><span class="norm"><img src="/graphics/button_kort.gif" width="129" height="17" border="0" hspace="0" vspace="0" border="0" alt="" /></span></td>
</tr>
<tr>
<td width="100%" align="left" valign="top"><span class="norm"><img src="/graphics/button_fremvisning.gif" width="129" height="17" border="0" hspace="0" vspace="0" border="0" alt="" /></span></td>
</tr>
<tr>
<td width="100%" align="left" valign="top"><span class="norm"><img src="/graphics/button_salgsbestilling.gif" width="129" height="17" border="0" hspace="0" vspace="0" border="0" alt="" /></span></td>
</tr>
<tr>
<td width="100%" align="left" valign="top"><span class="norm"><a target="content2" href="sw465.asp"><img src="/graphics/button_boligsag.gif" width="129" height="17" border="0" hspace="0" vspace="0" border="0" alt="" /></a></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="top"><div class="scrolling" style="height:198px; width:200px; overflow: auto padding: 0px 50px 0px 0px;" ><%= Tekst %></div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="80"> </td>
<td align="left" valign="top"><%= Boligtabel %></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>

</body>
</html>

Synes godt om

roenving Novice

16. december 2005 - 17:32 #1

Hvad er det for en type ting, der er inde i div'en ?-)

Synes godt om

clouise Nybegynder

17. december 2005 - 14:29 #2

Den html jeg har pastet ind ovenover, er en såkaldt "sideskabelon" som man tilknytter til de enkelte oprettede sider i CMS'en.

Til hver side i CMS'en kan man tilføje forskellige afsnit. Disse afsnit kan indeholde tekst, billeder, formularer og tabeller. Når man tilføjer et afsnit, placeres det under det rette elementnavn.

Afsnittet bliver så kaldt kaldt af elementnavnet i sideskabelonen ovenover.

<% = Boligtabel %> kalder f.eks. et afsnit som indeholder en tabel med data.

Synes godt om

roenving Novice

18. december 2005 - 04:33 #3

Er det et diasshow, du vil køre ?-)

-- hvis det drejer sig om almindeligt indhold, lyder det umiddelbart som om, at det vil være lettest, bare at sætte alt ind, men kun vise noget af det, og så bytte rundt på det, når der trykkes på knappen !o]

-- hvis det er et diasshow, tror jeg, det vil være nemmest stort set at sætte hele diasshowet ind med knapper og det hele ...

-- og hvis ikke du tænker på at lave det selv, kan du hente mange mulige (både her og mange andre steder !-)

Synes godt om

clouise Nybegynder

19. december 2005 - 08:35 #4

jeg tror det er den første løsning du nævner, som jeg leder efter...

Alle mine elementer er nemlig foruddefinerede og ligger og venter på at blive vist...

Synes godt om

roenving Novice

20. december 2005 - 00:26 #5

F.eks.

<div id="udskift">
<div id="vis1" style="display:block;">
1
</div>
<div id="vis2" style="display:none;">
2
</div>
<div id="vis3" style="display:none;">
3
</div>
</div>

...

<button onclick="visNaeste();return false;">Vis næste</button>

<script type="text/javascript">
var act = 1,oldElm = document.getElementById("vis1");
function visNaeste(){
if(!document.getElementById("vis" + ++act)){
act = 1;
}
if(oldElm)
oldElm.style.display = "none";
oldElm = document.getElementById("vis" + act);
oldElm.style.display = "block";
}
</script>

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS