Skift indhold ud i span

what !?

Ligesom dette:

</style>
<script type="text/javascript">
  function skriv( html ) {
    document.getElementById("topmenu").innerHTML = html;
  }
</script>


onclick="skriv('Hello world!');"

...bare lidt anderledes.

<ole>

onclick="skriv('World ... hello!');"

- lidt, men ikke meget anderledes  ;o)

/mvh
</bole>

- og for at være lidt seriøs: Skal du indsætte tekst eller HTML-elementer?

Det er HTML elementer :)

Derfor idéen at gemme det hele i en DIV...

Så når man klikker på et hovedmenu punkt kommer der en submenu som ændre sig alt efter hvilket hovedmenu punkt der blev trykket :)

var aCh = document.getElementById("SJULT_DIV_ID").childNodes;
var o = document.getElementById("topmenu");
for (var i=0,j=aCh.length; i<j; i++) o.appendChild( aCh[i].cloneNode(true) );

Kan du lokkes til at give mig det fulde script :)

Det kunne se sådan ud:

<script type="text/JavaScript">
function foo() {
    var aCh = document.getElementById("DvHidden").childNodes;
    var o = document.getElementById("topmenu");
    for (var i=0,j=aCh.length; i<j; i++) o.appendChild( aCh[i].cloneNode(true) );
}
</script>
<button onclick="foo()">Test</button>

<div id="topmenu" style="width:200px;height:200px;background:#ffcc00"></div>

<div id="DvHidden" style="display:none">
    <div style="background:blue;color:white">Et div med <span style="background:yellow;color:red">et span</span></div>
    <table style="background:#ededed" border="1">
    <tbody>
    <tr>
        <td>En</td>
        <td>tabel</td>
    </tr>
    <tr>
        <td>med</td>
        <td>tre</td>
    </tr>
    <tr>
        <td colspan="2">rækker</td>
    </tr>
    </tbody>
    </table>
</div>

- og ingen af elementerne under 'DvHidden' må have en ID. ID'er må du i stedet sætte på de enkelte elementer, efter de er indsat i DOM'en. Ellers vil der opstå flere elementer med samme ID - og det går ikke  :)

Det er vigtigt at oprette flere forskellige menuer... Men de SKAL alle være i den samme område... Så når man aktivere scriptet skal det nye indhold erstatte det gamle...

Enten må jeg kende den nøjagtige kode og dine nøjagtige idéer omkring dens virkemåde ... ellers kan jeg kun bidrage med inspiration  :)

Du kan kigge på www.GroupG9.dk

Jeg er ved at lave hjemmesiden, menuen er kommer til at fungerelidt simpelt:

<TABLE height=18 cellpadding="0" cellspacing="0" border="0">
                  <TBODY>
                  <TR>
                    <TD align="center" valign="middle" class="topmenu1" onmouseover="this.className='topmenu2';" onmouseout="this.className='topmenu1';">&nbsp;&nbsp;HJEM&nbsp;&nbsp;</TD>
                    <TD align="center" valign="middle" class="topmenu1" onmouseover="this.className='topmenu2';" onmouseout="this.className='topmenu1';">&nbsp;&nbsp;PRODUKTER&nbsp;&nbsp;</TD>
                    <TD align="center" valign="middle" class="topmenu1" onmouseover="this.className='topmenu2';" onmouseout="this.className='topmenu1';">&nbsp;&nbsp;PERSONALE&nbsp;&nbsp;</TD>
                    <TD align="center" valign="middle" class="topmenu1" onmouseover="this.className='topmenu2';" onmouseout="this.className='topmenu1';">&nbsp;&nbsp;OM GROUP G9&nbsp;&nbsp;</TD>
                    <TD align="center" valign="middle" class="topmenu1" onmouseover="this.className='topmenu2';" onmouseout="this.className='topmenu1';">&nbsp;&nbsp;KONTAKT&nbsp;&nbsp;</TD>
                    </TR></TBODY></TABLE>

Hej bodyguard,

Som opfordret ligger jeg et svar her da jeg postede en løsning på dette spørgsmål ved http://www.eksperten.dk/spm/796330. Så til jer andre, se kommentar 17/09-2007 09:41:41 ved spørsmål 796330. :)


Mvh.

- Snap :)