Archief - HTML/JS: een deel verbergen dmv div visibility en js

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
b

bluetorch002

Legacy Member
ik probeer namelijk een cell te doen dichtklappe of verbergen door de techniek van display = "none"; etc maar het lukt echt niet goed.

hier mijn code van waar ik het oproep:
Code: 
 <td height="21" bgcolor="#0070AA" class="menustyle"><div align="right"><a href="minimize(art1)">min_</a>&nbsp;&nbsp;&nbsp;</div></td>
          </tr>
<div id="art1" style="display:none;">
          <tr>
            <td style="border-left-color:#00598C;border-left-style:dotted;border-left-width:1px" height="104" colspan="3" valign="top"><br />
              <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td height="61" valign="top">   </td>
              </tr>
            </table></td>
          </tr>
		  </div>

hier de functie zelf

Code: 
function minimize() 
{

if(document.getElementById("art1").display == "block" || document.getElementById("art1").display == "" )
    {
        document.getElementById("art1").display == "none";
        
    }
else
	{
		document.getElementById("art1").display == "block";
        
	}

}

is dit zo mogelijk ? of gaat het niet een div te plaatsen rond tr td en/of table tags ?
b

bluetorch002

Legacy Member
het is mijn bedoeling van een rij te hebben waar ik minimize zet, met een link naar een fucntie in js die dan een div dichtklapt met een bepaald id dat ikdus meegeef met een parameter...

in dit geval geef ik art1 mee als parameter, zoals de div heet
b

bluetorch002

Legacy Member
kheb het gevonden, een div met onderliggende tabel gaat blijkbaar niet.

ik heb dus deze functie geschreven :

Code: 
<script language="JavaScript">
	function toggleDisplayMin(id){
	
	me = document.getElementById(id);
	
		if (me.style.display=="block" || me.style.display==""){
			me.style.display="none";
			
			}

		}
	function toggleDisplayMax(id){
	
	me = document.getElementById(id);
	
		if (me.style.display=="none"){
			me.style.display="block";
			
			}
		
		}
	
</script>

en dan in de tr die je wil verbergen id="ar1" of dergelijke gezet.

dit werkt perfect in IE en FF, enkel dat ik FF het handje niet altijd getoond wordt. en dat in FF bij het openklappe de tekst wel niet meer mooi gezet wordt. waarom ? god knows :p
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan