Display elements on button clicked

-

Display Elements on button clicked:


For Display Elements on Button clicked, in this post we consider a html page for make a Element list. In this Html page we want to display popup menu when user click on define tab. In the old Post we see how to show/hide div on button by javascript andhow to hide Radiobutton on clicked by self.

Display Elements, Now in this we see how to display popup menu on clicked by element. For Solving this we consider fallowing code of segment.

Display Elements on button clicked Code 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html>
<html>
<head>
<title>Elements List </title>

</head>

<body >
      
    <div >
            <spam onclick="alert('clicked')" alt="Bulb pop up" width="50" height="50" hspace="10" vspace="10">Click hear for Asp.net Example.</spam>
            <p class="imgtxt" style="padding-top : 20px; padding-right : 100px; float:right;">Asp.net</p>
        <hr/>
        </div>

    <div >
            <spam onclick="alert('clicked')" alt="Bulb pop up" width="50" height="50" hspace="10" vspace="10">Click hear for Html Example.</spam>
            <p class="imgtxt" style="padding-top : 20px; padding-right : 100px; float:right;">Html</p>
        <hr/>
        </div>

    <div >
            <spam onclick="alert('clicked')" alt="Bulb pop up" width="50" height="50" hspace="10" vspace="10">Click hear for Php Example.</spam>
            <p class="imgtxt" style="padding-top : 20px; padding-right : 100px; float:right;">Php</p>
        <hr/>
        </div> 
   
</body>
</html>

Here we take a main div in < body > tag and then three sub div in this main div for make a element list.
Each sub div contain one <span> tag and one  <p>  tag. And we make a java script function on span clicked this create a popup menu .

"alert('clicked')" alt="Bulb pop up" width="50" height="50" hspace="10" vspace="10"
Call this alert function on the span clicked.


Other Post:

Display Elements on button clicked Reference:

Popular posts from this blog