Difference between revisions of "Code Documentation2"

Line 53: Line 53:
 
<h2> Why ? pop up </h2>
 
<h2> Why ? pop up </h2>
  
−
<p> The why ( ? ) button is used to provide further explanation to topics on the website. 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 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>
 
<br>
 
<br>
−
Make sure you follow the naming convention <b> " why_NAME "</b> 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>
  
  
−
<span class="pop_why" onclick="which_why=''">?</span>
+
 
 
<br>
 
<br>
 
<div style ="padding: 15px;width: 400px;border: 3px solid #f58631;border-radius: 5px;">
 
<div style ="padding: 15px;width: 400px;border: 3px solid #f58631;border-radius: 5px;">

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 further explanation to topics on the website.
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>