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.


HTML Button pop out alternative.

  • Please log in to reply
3 replies to this topic

#1 Steakboy


  • Members
  • 22 posts
  • Local time:01:25 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>
<!-- #BeginTemplate "newstarcallcenter.dwt" -->
<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;
<img alt="New Star Logo" class=".nslogo" src="images/nslogo.png">
<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>
<article class="auto-style1">
<!-- #BeginEditable "pagecontent" -->
<div><meta name="viewport" content="width=device-width, initial-scale=1">
<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">
    <iframe src="enter basic sharable google drive url here" width="910px" height="700px" border="0" ></iframe>
<!-- #EndEditable -->
<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>
<!-- #EndTemplate -->

BC AdBot (Login to Remove)


#2 Steakboy

  • Topic Starter

  • Members
  • 22 posts
  • Local time:01:25 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


  • Members
  • 1,400 posts
  • Gender:Male
  • Location:Bulgaria
  • Local time:03:25 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


  • Members
  • 5 posts
  • Gender:Male
  • Location:Canada
  • Local time:07:25 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


     - 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