Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

HTML Button pop out alternative.


  • Please log in to reply
3 replies to this topic

#1 Steakboy

Steakboy

  • Members
  • 22 posts
  • OFFLINE
  •  
  • Local time:01:45 AM

Posted 06 May 2017 - 06:25 PM

So im building a basic little website for my work. Im trying to have it so when they click on a certain banner the channel line up for direcTV opens up. That works. BUT when ever i add 4 crucial lines of code that make the button pop out work, it breaks the left side navigation bar. From the home page i can get to the page below that i copied paste. But when i try to go from that one page to any other page, it says "error loading page". Is there a better way of doing what i want to do? With the pop out my only criteria is that if i click out side of the box it X's out. and there is a close button at the top right. And when the button is activated it lays over the current page, and does not open a while new window or tab.
 
<!DOCTYPE html>
<html>
 
<!-- #BeginTemplate "newstarcallcenter.dwt" -->
 
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="mystyles.css">
<link href="print.css" rel="stylesheet" type="text/css" media="print">
<script type="text/javascript" src="myscripts.js"></script>
 
<!-- #BeginEditable "doctitle" -->
 
<title>Newstar: Account Creations</title>
 
<!-- #EndEditable -->
 
<style type="text/css">
 
.auto-style1 {
text-align: center;
}
</style>
 
</head>
 
<body>
 
<header>
<img alt="New Star Logo" class=".nslogo" src="images/nslogo.png">
</header>
 
<section>
<nav>
<a href="home.htm">Home</a><br>
<a href="ac.html">Account Creations</a><br>
<a href="cs.html">Customer Service</a><br>
<a href="ts.html">Tech Support</a><br>
<a href="co.html">Close Outs</a><br>
<a href="io.html">Internet Orders</a><br>
<a href="train.html">Trainings</a><br>
</nav>
 
<article class="auto-style1">
<!-- #BeginEditable "pagecontent" -->
 
 
 
///////////////////THE NEXT 4 LINES OF CODE IS WHAT BREAKS MY HREF's AT THE TOP
 
 
 
<div><meta name="viewport" content="width=device-width, initial-scale=1">
</div>
 
<div id="pageone" data-role="main" class="ui-content">
    <a href="#myPopup" data-rel="popup" data-position-to="window">
    <img src="images/channel.png" alt="Channel Line Up" style="width:850px;"></a>
    <div data-role="popup" id="myPopup">
    <a href="#pageone" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a><img src="images/chlineup.jpg" style="width:1000px;height:2100px;" alt="DirecTV Channel Line Up">
    </div>
  </div>
 
  <br><br>
 
    <iframe src="enter basic sharable google drive url here" width="910px" height="700px" border="0" ></iframe>
    
    <br><br>
    
       
 
<!-- #EndEditable -->
</article>
 
</section>
 
<footer>
<p> If any errors are found within this website, please email ben@newstar.pro ASAP.</p>
<a href="mailto:ben@newstar.pro">Benjamin Busath</a>
</footer>
 
</body>
 
<!-- #EndTemplate -->
 
</html>
 


BC AdBot (Login to Remove)

 


#2 Steakboy

Steakboy
  • Topic Starter

  • Members
  • 22 posts
  • OFFLINE
  •  
  • Local time:01:45 AM

Posted 06 May 2017 - 06:30 PM

never mind, i fixed it. instead of <a href="home.htm">Home</a> i did<a href="C:\***\***\***home.htm">Home</a><br>


Edited by Steakboy, 06 May 2017 - 06:31 PM.


#3 Just_One_Question

Just_One_Question

  • Members
  • 1,400 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Bulgaria
  • Local time:03:45 AM

Posted 06 May 2017 - 06:38 PM

Welp, as someone who doesn't know a single coding language, I didn't understand anything from all those symbols you wrote, but I sure am happy that you fixed your problem, lol!:lmao:

Hey, can you check out this topic and tell me if you happen to know the answer?:)

#4 PaleChristopher

PaleChristopher

  • Members
  • 5 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Canada
  • Local time:07:45 PM

Posted 06 May 2017 - 08:15 PM

Glad to hear you got it to work, but after looking at your code may I give you a couple of tips that might make your life easier?

 

  1. To open a link in a new tab use: target="_blank".

      For example:

<a href="https://www.youtube.com/" target="_blank">

    2. If you want to go up one folder use ../

 

   For example:

 

   - Home

     someFile.html

     - Pictures

     - Videos

     - Files

      - Documents

        - Reports

 

   If you are currently in the Reports folder and you'd like to go up 3 levels to the Home folder you'd do something like the following:

<a href="../../../someFile.html">

This will open someFile.html that is located in the Home folder. This will way you don't have to use the full path (C:\***\***\***home.htm).

 

   3. As far as your design problem goes, you might wanna look into your DIVs and where they are placed. I am not exactly sure what you mean in your original post.


Edited by PaleChristopher, 06 May 2017 - 08:23 PM.





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users