Hatake Kakashi Posted September 19, 2012 Posted September 19, 2012 hello, how to put this on my html web template? sample: if you click download there's a box pop out and guides for downloading... i hope you understand me.. hehe
Emistry Posted September 19, 2012 Posted September 19, 2012 http://www.w3schools.com/js/tryit.asp?filename=tryjs_alert
Hatake Kakashi Posted September 19, 2012 Author Posted September 19, 2012 (edited) so how to put it on my code? bcoz when i put it there's an error.. please edit it for me.. i want is when i click download there's a box prompt or pop out and inside the box is the guides on how to download and their download links.. thank you.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Aurora Ragnarok Online | AURORA is my LIFE</title> <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { //Default Action $(".tab_content").hide(); //Hide all content $("ul.tabs li:first").addClass("active").show(); //Activate first tab $(".tab_content:first").show(); //Show first tab content //On Click Event $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); //Remove any "active" class $(this).addClass("active"); //Add "active" class to selected tab $(".tab_content").hide(); //Hide all tab content var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content $(activeTab).fadeIn(); //Fade in the active content return false; }); }); </script> </head> <body> <div id="wrapper"> <div id="container"> <div id="header"> <div id="logo"> <a href="#"><img src="images/logo.gif" alt="Aurora Ragnarok Online" /></a> <h1>AuroraRO</h1> </div><!-- logo end --> <div id="serverStatus"> <div class="statusWrap"> <span class="floatLeft">Login Server <span class="green">Online</span> </span> <span class="floatLeft">Char Server <span class="green">Online</span> </span> <span class="floatLeft">Map Server <span class="green ">Online</span></span> <span class="clear"><!-- --></span> </div> </div><!-- serverStatus end --> </div><!-- header end --> <div id="navigation"> <ul class="nav"> <li class="current">home</li> <li><a href="#">forum</a></li> <li><a href="http://auroraro.site90.net/cp/">control panel</a></li> <li><a href="http://www.mediafire.com/?3dk8bccojqa3z34">download</a></li> <li><a href="#">donation</a></li> </ul> <div class="clear"><!-- --></div> </div><!-- navigation end --> <div id="banner"> <div class="welcome_title"> <img src="images/welcome_title.gif" alt="Welcome" /> <p>We are here to give you a fun and balanced gameplay from Ragnarok World MMORPG<br><br>What Will Happen If I Donate To AuroraRO? To Keep The Server Alive And Run 24/7 We Need Your Help By Donating To AuroraRO| We Give You Items And Points With Free AddsOn Depending The Amount Of Your Donation. We Use Your Money For The Maintenance Of The Server Such As Applying S-Shield and etc, Making The Server Stable, And To Hire Experienced Staff's or Developers.</p> </div><!-- welcomeTitle end --> <div class="kapraPic"> <img src="images/kapra_pic.png" alt="Kapra" /> </div><!-- kapraPic end --> </div><!-- banner end --> <div id="getStarted"> <h2>How do I get Started</h2> <a class="register" href="http://auroraro.site90.net/cp/"><!-- --></a> <a class="download" href="http://www.mediafire.com/?3dk8bccojqa3z34"><!-- --></a> <a class="createChar" href="#"><!-- --></a> </div><!-- getStarted end --> <div id="content"> <div id="contentLeft"> <div id="tabBox"> <div> <ul class="tabs"> <li><a href="#tab1">News & Updates</a></li> <li><a href="#tab2">RO Staff</a></li> <li><a href="#tab3">Events</a></li> </ul> <div class="tab_container"> <div id="tab1" class="tab_content"> <p>Server Grand Opening Sept. 14, 2012<span style="display:block" class="date">2012 at 09.19 am</span></p> <p>New & Improve Website Template<span style="display:block" class="date">2012 at 1.40 am</span></p> </div><!-- newsupdates end --> <div id="tab2" class="tab_content"> <p>Staff Content Here</p> </div><!-- staff end --> <div id="tab3" class="tab_content"> <p>Events Content Here</p> </div><!-- events end --> </div><!-- tab_container end --> </div> </div><!-- tabBox end --> <div id="topPk"> <h2>Top Player</h2> <div class="floatLeftNo"> <ul class="pkList"> <li><a href="#">Player Name ( GuildName )</a></li> <li><a href="#">Player Name ( GuildName )</a></li> <li><a href="#">Player Name ( GuildName )</a></li> <li><a href="#">Player Name ( GuildName )</a></li> </ul> </div> <div class="floatLeftNo"> <ul class="pkList"> <li><a href="#">Player Name ( GuildName )</a></li> <li><a href="#">Player Name ( GuildName )</a></li> <li><a href="#">Player Name ( GuildName )</a></li> <li><a href="#">Player Name ( GuildName )</a></li> </ul> </div> </div><!-- topPk end --> </div><!-- contentLeft end --> <div id="contentRight"> <div id="whyUs"> <h2 class="arrowDown"><span>Server Features</span></h2> <ul> <li><a href="#">Class: 3rd Job Renewal</a></li> <li class="listHighlight"><a href="#">Max Level: 150</a></li> <li><a href="#">Base & Job Lvl: 150/50</a></li> <li class="listHighlight"><a href="#">Rates: 250x / 250x / 10x</a></li> <li><a href="#">Automated Events: Cluckers, Dice, LuckyPick etc.</a></li> <li class="listHighlight"><a href="#">Commands: @go, @warp, @autotrade etc.</a></li> <li><a href="#">Main Town: Prontera</a></li> <li class="listHighlight"><a href="#">Map Enabled: Port Malaya, Eclage, Mora, Malangdo</a></li> <li><a href="#">Intense WoE and PvP</a></li> <li class="listHighlight"><a href="#">Active Staff's & GM's, No GM Abuser.</a></li> </ul> </div><!-- whyUS end--> <a href="#"><img src="images/support_img.jpg" align="Online Support" /></a> </div><!-- contentRight end --> <div class="clear"><!-- --></div> </div><!-- content end --> </div><!-- container end --> </div><!-- wrapper end --> <div id="footer"> <div id="footerContent"> <div class="floatLeft footerLeft"> Aurora Ragnarok Online and all related content are trademark of Gravity CO. Ltd. </div> <div class="floatLeft footerRight"> Layout by: <a href="#">Gavan</a> </div> <div class="clear"><!-- --></div> </div><!-- footerContent end --> </div> </body> </html> Edited September 19, 2012 by Hatake Kakashi
malufett Posted September 19, 2012 Posted September 19, 2012 I think this the one you need http://www.w3schools.com/jsref/met_win_open.asp
Hatake Kakashi Posted September 21, 2012 Author Posted September 21, 2012 if i tried to put it in there's a error on page.
jhonix Posted September 21, 2012 Posted September 21, 2012 if i tried to put it in there's a error on page. a pop-up page is a jquery + css function...you need to study those,its only a little of your code modification and more on the pop up thing...
Question
Hatake Kakashi
hello, how to put this on my html web template?
sample:
if you click download there's a box pop out and guides for downloading...
i hope you understand me.. hehe
6 answers to this question
Recommended Posts