XmyCSSpopup
Yes, I am the Popup.
Popup content is in this main file.
Popup opener script is in this main file.
Popup inner script is in this main file.
On this main page everything is working: the click alert, the popup and the popup closer.
Table file directly viewing: popup alert is working, popup page is not working.
Used table file: ajax_table-C.htm.
Used popup file: none.
in the table file: <p><a href="#" onclick="alert('you clicked!'); return false">click-alert?</a></p> ... <td><input id="val" value="giveValue!"></input></td> ... <p><a href="#" onclick="cssPopup(); return false">popMeUp!</a></p> ...
in this file (hidden by css if page is opened): <div id="myCSSpopup"> <p id="popHeader"><a href="#" onclick="closePopup(); return false;">X</a>myCSSpopup</p> <p>Yes, I am the Popup.</p> <p id="message"></p> ... etc. </div> ...
in this file: <script type="text/javascript"> function cssPopup(){ // popup opener: document.getElementById('myCSSpopup').style.display="block"; // what to do in the popup text when the popup is opened: var message=document.getElementById('message'); if (...){ message.innerHTML="..." } ... etc. } function closePopup(){ document.getElementById('myCSSpopup').style.display="none"; } // functions called by the script in the popup: // ... </script>
Previous: ajax_testing-B.htm