Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]


Groups > comp.lang.javascript > #37647 > unrolled thread

Hide and swap code parts within <TD> "and remain format"

Started byJonas Thörnvall <jonas.thornvall@gmail.com>
First post2019-10-31 07:24 -0700
Last post2019-11-01 00:34 +0100
Articles 6 — 2 participants

Back to article view | Back to comp.lang.javascript


Contents

  Hide and swap code parts within <TD> "and remain format" Jonas Thörnvall <jonas.thornvall@gmail.com> - 2019-10-31 07:24 -0700
    Re: Hide and swap code parts within <TD> "and remain format" Jonas Thörnvall <jonas.thornvall@gmail.com> - 2019-10-31 10:45 -0700
      Re: Hide and swap code parts within <TD> "and remain format" Jonas Thörnvall <jonas.thornvall@gmail.com> - 2019-10-31 10:53 -0700
        Re: Hide and swap code parts within <TD> "and remain format" Jonas Thörnvall <jonas.thornvall@gmail.com> - 2019-10-31 14:37 -0700
    Re: Hide and swap code parts within <TD> "and remain format" Jonas Thörnvall <jonas.thornvall@gmail.com> - 2019-10-31 11:52 -0700
      Re: Hide and swap code parts within <TD> "and remain format" "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2019-11-01 00:34 +0100

#37647 — Hide and swap code parts within <TD> "and remain format"

FromJonas Thörnvall <jonas.thornvall@gmail.com>
Date2019-10-31 07:24 -0700
SubjectHide and swap code parts within <TD> "and remain format"
Message-ID<0e65c25a-f32e-44d1-9437-6a1894e587df@googlegroups.com>
I found this code that i butchered and tried to use in my own program to swap HTML witin a column."My code is to big to show", but in the TD there resides a table", however that table lose its format as soon i put the div tag around it i tried to format the table with hard pixels. I also tried to set the DIV size "height" in the container part. But i just can't get the table to fill up the <TD> when i embed it with the <DIV>.

Basicly what i try to do is swap the "recording play" mode, to a mode that hold the editor in the <TD>. But it does not come out correct.


<!DOCTYPE HTML>
<html>
<head>
<title> Untitled </title>
<script type="text/javascript">
// From: http://www.webdeveloper.com/forum/showthread.php?266743-Switch-Div-Content-Using-Javascript&p=1229155#post1229155

function showDiv(idInfo) {
  var sel = document.getElementById('divLinks').getElementsByTagName('div');
  for (var i=0; i<sel.length; i++) {
    sel[i].style.display = 'none';
  }
  document.getElementById('container'+idInfo).style.display = 'block';
}
</script>
<style type="text/css">
#container1, #container2 {
  display:none;
  border:3px solid blue;
  width:200px;
  overflow:hidden;
}

#container3, #container4 {
  display:none;
  border:3px solid blue;
  width:500px;
  overflow:hidden;
}

</style>

</head>
<body onload="showDiv('1');return false" >
<div id="linkDiv" >

 <button onclick="showDiv('1');return false">link 1</button>
 <button onclick="showDiv('2');return false">link 2</button>
 <button onclick="showDiv('3');return false">link 3</button>
 <button onclick="showDiv('4');return false">link 4</button>
 
</div>
<p>

<div id="container">
 The container I want all content divs to load into... and by default, to show the first container content
</div>

<!-- The 4 container content divs. -->
<div id="divLinks">
 <div id="container1">Container #1<p>Whole bunch of text 1</div>
 <div id="container2">Container #2<p>Whole bunch of text 2</div>
 <div id="container3">Container #3<p>Whole bunch of text 3</div>
 <div id="container4">Container #4<p>Whole bunch of text 4</div>
</div>

</body>
</html>

[toc] | [next] | [standalone]


#37648

FromJonas Thörnvall <jonas.thornvall@gmail.com>
Date2019-10-31 10:45 -0700
Message-ID<78fbf4fb-67cb-4532-81e0-4c2979d0efc0@googlegroups.com>
In reply to#37647
Den torsdag 31 oktober 2019 kl. 15:24:20 UTC+1 skrev Jonas Thörnvall:
> I found this code that i butchered and tried to use in my own program to swap HTML witin a column."My code is to big to show", but in the TD there resides a table", however that table lose its format as soon i put the div tag around it i tried to format the table with hard pixels. I also tried to set the DIV size "height" in the container part. But i just can't get the table to fill up the <TD> when i embed it with the <DIV>.
> 
> Basicly what i try to do is swap the "recording play" mode, to a mode that hold the editor in the <TD>. But it does not come out correct.
> 
> 
> <!DOCTYPE HTML>
> <html>
> <head>
> <title> Untitled </title>
> <script type="text/javascript">
> // From: http://www.webdeveloper.com/forum/showthread.php?266743-Switch-Div-Content-Using-Javascript&p=1229155#post1229155
> 
> function showDiv(idInfo) {
>   var sel = document.getElementById('divLinks').getElementsByTagName('div');
>   for (var i=0; i<sel.length; i++) {
>     sel[i].style.display = 'none';
>   }
>   document.getElementById('container'+idInfo).style.display = 'block';
> }
> </script>
> <style type="text/css">
> #container1, #container2 {
>   display:none;
>   border:3px solid blue;
>   width:200px;
>   overflow:hidden;
> }
> 
> #container3, #container4 {
>   display:none;
>   border:3px solid blue;
>   width:500px;
>   overflow:hidden;
> }
> 
> </style>
> 
> </head>
> <body onload="showDiv('1');return false" >
> <div id="linkDiv" >
> 
>  <button onclick="showDiv('1');return false">link 1</button>
>  <button onclick="showDiv('2');return false">link 2</button>
>  <button onclick="showDiv('3');return false">link 3</button>
>  <button onclick="showDiv('4');return false">link 4</button>
>  
> </div>
> <p>
> 
> <div id="container">
>  The container I want all content divs to load into... and by default, to show the first container content
> </div>
> 
> <!-- The 4 container content divs. -->
> <div id="divLinks">
>  <div id="container1">Container #1<p>Whole bunch of text 1</div>
>  <div id="container2">Container #2<p>Whole bunch of text 2</div>
>  <div id="container3">Container #3<p>Whole bunch of text 3</div>
>  <div id="container4">Container #4<p>Whole bunch of text 4</div>
> </div>
> 
> </body>
> </html>

Here is an example i want the yellow "i use inner table because easier to manage lot of code" to float out all space. You can remove the inner table around the divs. But how can i get the divs that loads fill the column height width.

<!DOCTYPE HTML>
<html>
<head>
<title> Untitled </title>
<script type="text/javascript">
// From: http://www.webdeveloper.com/forum/showthread.php?266743-Switch-Div-Content-Using-Javascript&p=1229155#post1229155

function showDiv(idInfo) {
  var sel = document.getElementById('divLinks').getElementsByTagName('div');
  for (var i=0; i<sel.length; i++) {
    sel[i].style.display = 'none';
  }
  document.getElementById('container'+idInfo).style.display = 'block';
}
</script>
<style type="text/css">
#container1, #container2 {
  display:none;
  border:3px solid blue;
  width:100%;
  height:100%,
  overflow:hidden;
}

#container3, #container4 {
  display:none;
  border:3px solid blue;
  width:100%;
  height:100%,
  overflow:hidden;
}

</style>

</head>
<body onload="showDiv('1');return false" >
<div id="linkDiv" >

 <button onclick="showDiv('1');return false">link 1</button>
 <button onclick="showDiv('2');return false">link 2</button>
 <button onclick="showDiv('3');return false">link 3</button>
 <button onclick="showDiv('4');return false">link 4</button>
 
</div>

<p>
<table border=10 width=1890 height=800><tr>
<!--<td width=23%>-->
<td width=23% height=100% id="divLinks">
<table border=10 bgcolor=yellow><tr><td>
 <div id="container1">Container #1<p>Whole bunch of text 1</div>
 <div id="container2">Container #2<p>Whole bunch of text 2</div>
 <div id="container3">Container #3<p>Whole bunch of text 3</div>
 <div id="container4">Container #4<p>Whole bunch of text 4</div>
</td>
</tr></td></table>

<td width=77%></td></tr></table>

<!-- The 4 container content divs. -->


</body>
</html>

[toc] | [prev] | [next] | [standalone]


#37649

FromJonas Thörnvall <jonas.thornvall@gmail.com>
Date2019-10-31 10:53 -0700
Message-ID<9824e2b5-0f11-491d-8683-c0ebae383534@googlegroups.com>
In reply to#37648
Den torsdag 31 oktober 2019 kl. 18:45:21 UTC+1 skrev Jonas Thörnvall:
> Den torsdag 31 oktober 2019 kl. 15:24:20 UTC+1 skrev Jonas Thörnvall:
> > I found this code that i butchered and tried to use in my own program to swap HTML witin a column."My code is to big to show", but in the TD there resides a table", however that table lose its format as soon i put the div tag around it i tried to format the table with hard pixels. I also tried to set the DIV size "height" in the container part. But i just can't get the table to fill up the <TD> when i embed it with the <DIV>.
> > 
> > Basicly what i try to do is swap the "recording play" mode, to a mode that hold the editor in the <TD>. But it does not come out correct.
> > 
> > 
> > <!DOCTYPE HTML>
> > <html>
> > <head>
> > <title> Untitled </title>
> > <script type="text/javascript">
> > // From: http://www.webdeveloper.com/forum/showthread.php?266743-Switch-Div-Content-Using-Javascript&p=1229155#post1229155
> > 
> > function showDiv(idInfo) {
> >   var sel = document.getElementById('divLinks').getElementsByTagName('div');
> >   for (var i=0; i<sel.length; i++) {
> >     sel[i].style.display = 'none';
> >   }
> >   document.getElementById('container'+idInfo).style.display = 'block';
> > }
> > </script>
> > <style type="text/css">
> > #container1, #container2 {
> >   display:none;
> >   border:3px solid blue;
> >   width:200px;
> >   overflow:hidden;
> > }
> > 
> > #container3, #container4 {
> >   display:none;
> >   border:3px solid blue;
> >   width:500px;
> >   overflow:hidden;
> > }
> > 
> > </style>
> > 
> > </head>
> > <body onload="showDiv('1');return false" >
> > <div id="linkDiv" >
> > 
> >  <button onclick="showDiv('1');return false">link 1</button>
> >  <button onclick="showDiv('2');return false">link 2</button>
> >  <button onclick="showDiv('3');return false">link 3</button>
> >  <button onclick="showDiv('4');return false">link 4</button>
> >  
> > </div>
> > <p>
> > 
> > <div id="container">
> >  The container I want all content divs to load into... and by default, to show the first container content
> > </div>
> > 
> > <!-- The 4 container content divs. -->
> > <div id="divLinks">
> >  <div id="container1">Container #1<p>Whole bunch of text 1</div>
> >  <div id="container2">Container #2<p>Whole bunch of text 2</div>
> >  <div id="container3">Container #3<p>Whole bunch of text 3</div>
> >  <div id="container4">Container #4<p>Whole bunch of text 4</div>
> > </div>
> > 
> > </body>
> > </html>
> 
> Here is an example i want the yellow "i use inner table because easier to manage lot of code" to float out all space. You can remove the inner table around the divs. But how can i get the divs that loads fill the column height width.
> 
> <!DOCTYPE HTML>
> <html>
> <head>
> <title> Untitled </title>
> <script type="text/javascript">
> // From: http://www.webdeveloper.com/forum/showthread.php?266743-Switch-Div-Content-Using-Javascript&p=1229155#post1229155
> 
> function showDiv(idInfo) {
>   var sel = document.getElementById('divLinks').getElementsByTagName('div');
>   for (var i=0; i<sel.length; i++) {
>     sel[i].style.display = 'none';
>   }
>   document.getElementById('container'+idInfo).style.display = 'block';
> }
> </script>
> <style type="text/css">
> #container1, #container2 {
>   display:none;
>   border:3px solid blue;
>   width:100%;
>   height:100%,
>   overflow:hidden;
> }
> 
> #container3, #container4 {
>   display:none;
>   border:3px solid blue;
>   width:100%;
>   height:100%,
>   overflow:hidden;
> }
> 
> </style>
> 
> </head>
> <body onload="showDiv('1');return false" >
> <div id="linkDiv" >
> 
>  <button onclick="showDiv('1');return false">link 1</button>
>  <button onclick="showDiv('2');return false">link 2</button>
>  <button onclick="showDiv('3');return false">link 3</button>
>  <button onclick="showDiv('4');return false">link 4</button>
>  
> </div>
> 
> <p>
> <table border=10 width=1890 height=800><tr>
> <!--<td width=23%>-->
> <td width=23% height=100% id="divLinks">
> <table border=10 bgcolor=yellow><tr><td>
>  <div id="container1">Container #1<p>Whole bunch of text 1</div>
>  <div id="container2">Container #2<p>Whole bunch of text 2</div>
>  <div id="container3">Container #3<p>Whole bunch of text 3</div>
>  <div id="container4">Container #4<p>Whole bunch of text 4</div>
> </td>
> </tr></td></table>
> 
> <td width=77%></td></tr></table>
> 
> <!-- The 4 container content divs. -->
> 
> 
> </body>
> </html>

Here i removed the innertable just use the conatiner, using both px and % for container height, and it just do not work.

<!DOCTYPE HTML>
<html>
<head>
<title> Untitled </title>
<script type="text/javascript">
// From: http://www.webdeveloper.com/forum/showthread.php?266743-Switch-Div-Content-Using-Javascript&p=1229155#post1229155

function showDiv(idInfo) {
  var sel = document.getElementById('divLinks').getElementsByTagName('div');
  for (var i=0; i<sel.length; i++) {
    sel[i].style.display = 'none';
  }
  document.getElementById('container'+idInfo).style.display = 'block';
}
</script>
<style type="text/css">
#container1, #container2 {
  bgcolor:yellow;
  display:none;
  border:3px solid blue;
  width:1800;
  height:800,
  overflow:hidden;
}

#container3, #container4 {
  bgcolor:yellow;
  display:none;
  border:3px solid blue;
  width:100%;
  height:100%,
  overflow:hidden;
}

</style>

</head>
<body onload="showDiv('1');return false" >
<div id="linkDiv" >

 <button onclick="showDiv('1');return false">link 1</button>
 <button onclick="showDiv('2');return false">link 2</button>
 <button onclick="showDiv('3');return false">link 3</button>
 <button onclick="showDiv('4');return false">link 4</button>
 
</div>

<p>
<table border=10 width=1890 height=800><tr>

<td width=23% height=100% id="divLinks">

 <div id="container1">Container #1<p>Whole bunch of text 1</div>
 <div id="container2">Container #2<p>Whole bunch of text 2</div>
 <div id="container3">Container #3<p>Whole bunch of text 3</div>
 <div id="container4">Container #4<p>Whole bunch of text 4</div>
</td>


<td width=77%></td></tr></table>

<!-- The 4 container content divs. -->


</body>
</html>

[toc] | [prev] | [next] | [standalone]


#37652

FromJonas Thörnvall <jonas.thornvall@gmail.com>
Date2019-10-31 14:37 -0700
Message-ID<66e54e64-05d2-4ccb-bc56-9a281a9c6083@googlegroups.com>
In reply to#37649
Den torsdag 31 oktober 2019 kl. 18:53:24 UTC+1 skrev Jonas Thörnvall:
> Den torsdag 31 oktober 2019 kl. 18:45:21 UTC+1 skrev Jonas Thörnvall:
> > Den torsdag 31 oktober 2019 kl. 15:24:20 UTC+1 skrev Jonas Thörnvall:
> > > I found this code that i butchered and tried to use in my own program to swap HTML witin a column."My code is to big to show", but in the TD there resides a table", however that table lose its format as soon i put the div tag around it i tried to format the table with hard pixels. I also tried to set the DIV size "height" in the container part. But i just can't get the table to fill up the <TD> when i embed it with the <DIV>.
> > > 
> > > Basicly what i try to do is swap the "recording play" mode, to a mode that hold the editor in the <TD>. But it does not come out correct.
> > > 
> > > 
> > > <!DOCTYPE HTML>
> > > <html>
> > > <head>
> > > <title> Untitled </title>
> > > <script type="text/javascript">
> > > // From: http://www.webdeveloper.com/forum/showthread.php?266743-Switch-Div-Content-Using-Javascript&p=1229155#post1229155
> > > 
> > > function showDiv(idInfo) {
> > >   var sel = document.getElementById('divLinks').getElementsByTagName('div');
> > >   for (var i=0; i<sel.length; i++) {
> > >     sel[i].style.display = 'none';
> > >   }
> > >   document.getElementById('container'+idInfo).style.display = 'block';
> > > }
> > > </script>
> > > <style type="text/css">
> > > #container1, #container2 {
> > >   display:none;
> > >   border:3px solid blue;
> > >   width:200px;
> > >   overflow:hidden;
> > > }
> > > 
> > > #container3, #container4 {
> > >   display:none;
> > >   border:3px solid blue;
> > >   width:500px;
> > >   overflow:hidden;
> > > }
> > > 
> > > </style>
> > > 
> > > </head>
> > > <body onload="showDiv('1');return false" >
> > > <div id="linkDiv" >
> > > 
> > >  <button onclick="showDiv('1');return false">link 1</button>
> > >  <button onclick="showDiv('2');return false">link 2</button>
> > >  <button onclick="showDiv('3');return false">link 3</button>
> > >  <button onclick="showDiv('4');return false">link 4</button>
> > >  
> > > </div>
> > > <p>
> > > 
> > > <div id="container">
> > >  The container I want all content divs to load into... and by default, to show the first container content
> > > </div>
> > > 
> > > <!-- The 4 container content divs. -->
> > > <div id="divLinks">
> > >  <div id="container1">Container #1<p>Whole bunch of text 1</div>
> > >  <div id="container2">Container #2<p>Whole bunch of text 2</div>
> > >  <div id="container3">Container #3<p>Whole bunch of text 3</div>
> > >  <div id="container4">Container #4<p>Whole bunch of text 4</div>
> > > </div>
> > > 
> > > </body>
> > > </html>
> > 
> > Here is an example i want the yellow "i use inner table because easier to manage lot of code" to float out all space. You can remove the inner table around the divs. But how can i get the divs that loads fill the column height width.
> > 
> > <!DOCTYPE HTML>
> > <html>
> > <head>
> > <title> Untitled </title>
> > <script type="text/javascript">
> > // From: http://www.webdeveloper.com/forum/showthread.php?266743-Switch-Div-Content-Using-Javascript&p=1229155#post1229155
> > 
> > function showDiv(idInfo) {
> >   var sel = document.getElementById('divLinks').getElementsByTagName('div');
> >   for (var i=0; i<sel.length; i++) {
> >     sel[i].style.display = 'none';
> >   }
> >   document.getElementById('container'+idInfo).style.display = 'block';
> > }
> > </script>
> > <style type="text/css">
> > #container1, #container2 {
> >   display:none;
> >   border:3px solid blue;
> >   width:100%;
> >   height:100%,
> >   overflow:hidden;
> > }
> > 
> > #container3, #container4 {
> >   display:none;
> >   border:3px solid blue;
> >   width:100%;
> >   height:100%,
> >   overflow:hidden;
> > }
> > 
> > </style>
> > 
> > </head>
> > <body onload="showDiv('1');return false" >
> > <div id="linkDiv" >
> > 
> >  <button onclick="showDiv('1');return false">link 1</button>
> >  <button onclick="showDiv('2');return false">link 2</button>
> >  <button onclick="showDiv('3');return false">link 3</button>
> >  <button onclick="showDiv('4');return false">link 4</button>
> >  
> > </div>
> > 
> > <p>
> > <table border=10 width=1890 height=800><tr>
> > <!--<td width=23%>-->
> > <td width=23% height=100% id="divLinks">
> > <table border=10 bgcolor=yellow><tr><td>
> >  <div id="container1">Container #1<p>Whole bunch of text 1</div>
> >  <div id="container2">Container #2<p>Whole bunch of text 2</div>
> >  <div id="container3">Container #3<p>Whole bunch of text 3</div>
> >  <div id="container4">Container #4<p>Whole bunch of text 4</div>
> > </td>
> > </tr></td></table>
> > 
> > <td width=77%></td></tr></table>
> > 
> > <!-- The 4 container content divs. -->
> > 
> > 
> > </body>
> > </html>
> 
> Here i removed the innertable just use the conatiner, using both px and % for container height, and it just do not work.
> 
> <!DOCTYPE HTML>
> <html>
> <head>
> <title> Untitled </title>
> <script type="text/javascript">
> // From: http://www.webdeveloper.com/forum/showthread.php?266743-Switch-Div-Content-Using-Javascript&p=1229155#post1229155
> 
> function showDiv(idInfo) {
>   var sel = document.getElementById('divLinks').getElementsByTagName('div');
>   for (var i=0; i<sel.length; i++) {
>     sel[i].style.display = 'none';
>   }
>   document.getElementById('container'+idInfo).style.display = 'block';
> }
> </script>
> <style type="text/css">
> #container1, #container2 {
>   bgcolor:yellow;
>   display:none;
>   border:3px solid blue;
>   width:1800;
>   height:800,
>   overflow:hidden;
> }
> 
> #container3, #container4 {
>   bgcolor:yellow;
>   display:none;
>   border:3px solid blue;
>   width:100%;
>   height:100%,
>   overflow:hidden;
> }
> 
> </style>
> 
> </head>
> <body onload="showDiv('1');return false" >
> <div id="linkDiv" >
> 
>  <button onclick="showDiv('1');return false">link 1</button>
>  <button onclick="showDiv('2');return false">link 2</button>
>  <button onclick="showDiv('3');return false">link 3</button>
>  <button onclick="showDiv('4');return false">link 4</button>
>  
> </div>
> 
> <p>
> <table border=10 width=1890 height=800><tr>
> 
> <td width=23% height=100% id="divLinks">
> 
>  <div id="container1">Container #1<p>Whole bunch of text 1</div>
>  <div id="container2">Container #2<p>Whole bunch of text 2</div>
>  <div id="container3">Container #3<p>Whole bunch of text 3</div>
>  <div id="container4">Container #4<p>Whole bunch of text 4</div>
> </td>
> 
> 
> <td width=77%></td></tr></table>
> 
> <!-- The 4 container content divs. -->
> 
> 
> </body>
> </html>

Forget it approach is mot.

[toc] | [prev] | [next] | [standalone]


#37650

FromJonas Thörnvall <jonas.thornvall@gmail.com>
Date2019-10-31 11:52 -0700
Message-ID<8b032a34-9f8b-4619-8548-e4b954c75162@googlegroups.com>
In reply to#37647
Den torsdag 31 oktober 2019 kl. 15:24:20 UTC+1 skrev Jonas Thörnvall:
> I found this code that i butchered and tried to use in my own program to swap HTML witin a column."My code is to big to show", but in the TD there resides a table", however that table lose its format as soon i put the div tag around it i tried to format the table with hard pixels. I also tried to set the DIV size "height" in the container part. But i just can't get the table to fill up the <TD> when i embed it with the <DIV>.
> 
> Basicly what i try to do is swap the "recording play" mode, to a mode that hold the editor in the <TD>. But it does not come out correct.
> 
> 
> <!DOCTYPE HTML>
> <html>
> <head>
> <title> Untitled </title>
> <script type="text/javascript">
> // From: http://www.webdeveloper.com/forum/showthread.php?266743-Switch-Div-Content-Using-Javascript&p=1229155#post1229155
> 
> function showDiv(idInfo) {
>   var sel = document.getElementById('divLinks').getElementsByTagName('div');
>   for (var i=0; i<sel.length; i++) {
>     sel[i].style.display = 'none';
>   }
>   document.getElementById('container'+idInfo).style.display = 'block';
> }
> </script>
> <style type="text/css">
> #container1, #container2 {
>   display:none;
>   border:3px solid blue;
>   width:200px;
>   overflow:hidden;
> }
> 
> #container3, #container4 {
>   display:none;
>   border:3px solid blue;
>   width:500px;
>   overflow:hidden;
> }
> 
> </style>
> 
> </head>
> <body onload="showDiv('1');return false" >
> <div id="linkDiv" >
> 
>  <button onclick="showDiv('1');return false">link 1</button>
>  <button onclick="showDiv('2');return false">link 2</button>
>  <button onclick="showDiv('3');return false">link 3</button>
>  <button onclick="showDiv('4');return false">link 4</button>
>  
> </div>
> <p>
> 
> <div id="container">
>  The container I want all content divs to load into... and by default, to show the first container content
> </div>
> 
> <!-- The 4 container content divs. -->
> <div id="divLinks">
>  <div id="container1">Container #1<p>Whole bunch of text 1</div>
>  <div id="container2">Container #2<p>Whole bunch of text 2</div>
>  <div id="container3">Container #3<p>Whole bunch of text 3</div>
>  <div id="container4">Container #4<p>Whole bunch of text 4</div>
> </div>
> 
> </body>
> </html>

I think i solved it position:relative; and 100% seem to work.

#container1, #container2 {
  position:relative;
  bgcolor:yellow;
  display:none;
  border:3px solid blue;
  width:100%;
  height:100%;
  overflow:hidden;
}

#container3, #container4 {
  position:relative;
  bgcolor:yellow;
  display:none;
  border:3px solid blue;
  width:100%;
  height:100%;
  overflow:hidden;
}

[toc] | [prev] | [next] | [standalone]


#37654

From"Evertjan." <exxjxw.hannivoort@inter.nl.net>
Date2019-11-01 00:34 +0100
Message-ID<XnsAAFA5E678552eejj99@194.109.6.166>
In reply to#37650
<jonas.thornvall@gmail.com> wrote on 31 Oct 2019 in comp.lang.javascript:

> var sel = document.getElementById('divLinks').getElementsByTagName('div');

const sel = document.querySelectorAll('#divLinks div')

>> <body onload="showDiv('1');return false" >

Why this "return false" here onload ????????



-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[toc] | [prev] | [standalone]


Back to top | Article view | comp.lang.javascript


csiph-web