Toon posts:

[html/div] div kan niet veranderd worden......

Pagina: 1

Acties:

108 views sinds 30-01-2008
Reageer

woensdag 11 september 2002 17:58

Acties:

Verwijderd

Topicstarter

ik wil tussen de 2 divs kunnen switchen, maar de div werkt op een of andere manier niet, ik heb veel getest en veel gespiekt.... maar niets wil lukken

http://www.technorealm.co.uk/scripts/mouseovershowtext.html (daar komt de js script vandaan).

zit ik ergens fout? of kan een div niet in een tr? of er voor...

Afbeeldingslocatie: http://galleries.vinyamar.com/ps/show.php?id=b2IdBWcBaKcxsrN00OMaZALOm&size=386

code:

<SCRIPT LANGUAGE="JavaScript">
<!--
function toggleDiv(id,flagit) {
if (flagit=="1"){
    if (document.layers) document.layers[''+id+''].visibility = "show"
    else if (document.all) document.all[''+id+''].style.visibility = "visible"
    else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"                    }
else
 if (flagit=="0"){
    if (document.layers) document.layers[''+id+''].visibility = "hide"
    else if (document.all) document.all[''+id+''].style.visibility = "hidden"
    else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"                         }
}
//-->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->
<style type="text/css">#div1, #div2 {visibility:hidden}</style>
<BODY>

<a href="#" onMouseOver="toggleDiv('div1',1); toggleDiv('div2',0)">Link 1!</a> |
<a href="#" onMouseOver="toggleDiv('div2',1); toggleDiv('div1',0)">Link 2</a>

<form name="combo_box">
    <center><table border="0" width="600">
        <tr>
            <td></td>
            <td align="middle">&nbsp;</td>
            <td><select name="gallery" size="1"><option>-- select gallery --</option></select></td>
        </tr>
        <tr>
            <div id="div1"><td><select name="list1" multiple size="10" style="WIDTH: 250px">
<?

// php code

?>
            </select></td>
            <td align="center"><input type="button" value="&lt;&lt;" onclick="move(this.form.list2,this.form.list1)"> <input type="button" value="&gt;&gt;" onclick="move(this.form.list1,this.form.list2)"></td>
            <td><select name="list2" multiple size="10" style="WIDTH: 250px"></select></td></div>
            <div id="div2">
            <td>Blaaat</td>
            <td>Blaaat</td>
            <td>Blaaat</td>
            </div>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td><input type="submit" name="submit" value="Save pictures"> <input type="button"  onclick="this.form.list2.options.length=0"  value="Clear gallery!"> 
</td>
        </tr>
    </table>
    </center>
</form>

woensdag 11 september 2002 18:13

Acties:

Verwijderd

Verander

PHP:

<tr>
    <div id="div1">
        <td>...</td>
    </div>
    <div id="div2">
        <td>...</td>
    </div>
</tr>

PHP:

<tr id="div1">
        <td>...</td>
</tr>
<tr id="div2">
        <td>...</td>
</tr>

En je moet al een heel eind komen.

En inderdaad; DIVs mogen niet in TRs genest worden. In TRs mogen alleen THEADs, TBODYs, TFOOTs en TDs volgens mij.

woensdag 11 september 2002 18:17

Acties:

Verwijderd

Topicstarter

idd dat werkt erg fijn

maar hoe kan ik 1 standaard geladen hebben?

woensdag 11 september 2002 18:50

Acties:

Verwijderd

Topicstarter

en nu zit ik met het volgende probleem dat de 1e tr gewoon boven blijft staan en de 2e tr onder... en ik wil natuurlijk dat ze elkaar overlappen

http://217.121.132.247/bla.php#

nu komen ze onder elkaar, maar wil ze beiden dat wanneer de 1e weg gaat de andere (door de link) op die plaats terecht komt.

code:

<script language="javascript">
function doChange(blaat) {
    main.innerHTML = ['blaat'].innerHTML;
}
</script>
</HEAD>

<BODY>

<a href="#" onMouseOver="doChange('div1')">Link 1</a>
<a href="#" onMouseOver="doChange('div2')">Link 2</a>

<div id="main">tekst</div>
<div id="div1" style="visibility:hidden;">wiew!</div>
<div id="div2" style="visibility:hidden;">test</div>

mischien is het zo veel meerdere mensen wel duidelijk

maar't werkt gewoon nie.

woensdag 11 september 2002 23:02

Acties:

crisp

Devver

Pixelated

JavaScript:

1
2
3

function doChange(blaat) {
    document.getElementById('main').innerHTML = document.getElementById(blaat).innerHTML;
}

Is toch wel erg basic hoor, en zou in elke goeie tutorial te vinden moeten zijn...
(en persoonlijk zou ik divjes hiden/showen in plaats van de inhoud telkens overschoppen)

Intentionally left blank

donderdag 12 september 2002 06:24

Acties:

Verwijderd

Topicstarter

waarom hidden / showen, ik heb me divje in een tabel staan en dan komt de inhoud steeds onder elkaar

-- item 1
-- item 2

item 2 staat altijd onder, zichtbaar of niet zelfde geld voor item 1 maar dan boven.

2 crisp het werkt idd erg fijn

donderdag 12 september 2002 14:19

Acties:

Verwijderd

Verwijderd schreef op 11 september 2002 @ 18:13:

En inderdaad; DIVs mogen niet in TRs genest worden. In TRs mogen alleen THEADs, TBODYs, TFOOTs en TDs volgens mij.

Hmmmm volgens mij mag er in een TR alleen een TD

<table>
<thead>
<tr>
<td>*wh00t*</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<div>blabla</div>
</td>
</tr>
</tbody>
</table>

donderdag 12 september 2002 14:24

Acties:

Bosmonster

*zucht*

je vergeet TH

donderdag 12 september 2002 14:27

Acties:

Verwijderd

^{ach...het was al kwart over zes, toen ik dat postte...}

donderdag 12 september 2002 14:31

Acties:

Verwijderd

TH is geen vereiste.. is een header kolom en geeft alleen aan dat als er geen style is aangemaakt, dat deze kolom bold en centered is...

donderdag 12 september 2002 14:33

Acties:

Bosmonster

*zucht*

Verwijderd schreef op 12 september 2002 @ 14:31:
TH is geen vereiste.. is een header kolom en geeft alleen aan dat als er geen style is aangemaakt, dat deze kolom bold en centered is...

Daar ging het niet om.. het ging erom welke tags mogen zijn binnen TR.. tenminste als ik naar je eigen woorden kijk

Maar vind het toch altijd een vage discussie... want dingen als SCRIPT tags doet niemand weer moeilijk over..

donderdag 12 september 2002 14:35

Acties:

Verwijderd

Agh lig een beetje te f*cke

donderdag 12 september 2002 14:42

Acties:

Verwijderd

Verwijderd schreef op 11 september 2002 @ 18:50:
en nu zit ik met het volgende probleem dat de 1e tr gewoon boven blijft staan en de 2e tr onder... en ik wil natuurlijk dat ze elkaar overlappen

http://217.121.132.247/bla.php#

nu komen ze onder elkaar, maar wil ze beiden dat wanneer de 1e weg gaat de andere (door de link) op die plaats terecht komt.

Als ik je goed begrijp wil je de ene div vervangen door de andere..
je zult dan ff moeten zoeken naar positionering..

Bv.
<div style="position:absolute"></div>
<div style="position:relative"></div>

ook zal je met een z-index moeten werken. maar kijk een op
http://msdn.microsoft.com...reference/objects/div.asp

hier staat het hele div object uigelegt

Pagina: 1

Reageer