Difference between revisions of "Code Documentation2"

Line 53: Line 53:
 
<h2> Why ? pop up </h2>
 
<h2> Why ? pop up </h2>
  
<p> The <span class="pop_why" onclick="which_why=''">?</span>  button is used to provide further explanation to topics on the website.  <br> The answer code must be written in: <a href="https://2015.igem.org/Why_demo">https://2015.igem.org/Why_demo</a>
+
<p> The <span class="pop_why" onclick="which_why=''">?</span>  button is used to provide a more detailed explanation <br>  
<br>
+
The answer code must be written in: <a href="https://2015.igem.org/Why_demo">https://2015.igem.org/Why_demo</a><br>
 
Make sure you follow the naming convention <b> " why_NAME "</b> <br>  NAME being the title you chose for your ? and it corresponding answer. <br>
 
Make sure you follow the naming convention <b> " why_NAME "</b> <br>  NAME being the title you chose for your ? and it corresponding answer. <br>
 
Also make sure that "which_why"  and div id are the same so the button calls the correct answer. </p>
 
Also make sure that "which_why"  and div id are the same so the button calls the correct answer. </p>

Revision as of 17:11, 18 November 2015

×

Loading ...

Tables

Tables created within in a page already have styling and will display:

Header 1 Header 2
Content A 1 Content B 1
Content A 2 Content B 2
<table> 

<tr> 
<th>  Header 1  </th>  <th>  Header 2 </th> 
</tr> 

<tr>  
<td>  Content A 1 </td>  <td> Content B 1 </td>  
</tr> 

<tr> 
<td>  Content A 2 </td>  <td> Content B 2 </td> 
</tr> 

</table> 

Why ? pop up

The ? button is used to provide a more detailed explanation
The answer code must be written in: https://2015.igem.org/Why_demo
Make sure you follow the naming convention " why_NAME "
NAME being the title you chose for your ? and it corresponding answer.
Also make sure that "which_why" and div id are the same so the button calls the correct answer.


X

Title

Text

<span class="pop_why"  
onclick="which_why='why_NAME'">  
?  
</span> 

<div id="why_NAME"> <div class="pop_close">X</div> 

<h3>Title </h3> 
<p>Text</p> 

</div>