I am using just html right now.

How would I download HTML into a string?

Im sorry for missing info on this post. Ill set up an example to show you what I mean

Think of it like this


I have a drop down box, and a button that says "Stats".

The drop down box has a list of Quarterbacks in the NFL, and once you select the Quarterback you want and hit "Stats" it will send you to their Stat page on NFL.com (just an example)

But the problem is once you hit "stats" the new webpage loads on the same webpage as my program, so to search again you have to hit back, then re select another qb, then repeat.

I was hoping that once you hit the "Stats" button, another page would pop up.


I am using if statements to direct the user to the correct page

if(qb=='TomBrady')
    {    
        window.location.assign('www.nfl.com/tombrady')
    }

That is not the exact code, that was just to give you an idea of what I was doing.

Thank you for the quick reply! I will have to check into that.

Here is my game plan, let me know if you think it will work.

Develop a list of hotels to check into, then have a calender next to it.

Underneath that I will have the websites that we are legally allowed to look at and set up variables that directly send you to that travel sites rate page.

For example if we check for
"The Blue Hotel" for dates March 1st 2013- March 4th 2013 and on the site we check the link shows

.com/The.Blue.Hotel/Dates#3#1#2013-Return#3#4#2013

I would set variables such as
"If xxxx Is clicked send to XXXX.com/VAR"."VAR1"."Var2"/"VarDate"#"

I think I am explaining this horribly.

But do you guys get where I am coming from?

Suggestions, comments, criticism?

All are greatly appreciated

Thanks guys!

Thanks for the reply! It worked.

Here is my code.. Im trying to get the "lister" class to pop out additional content form its side.. If you hover over destination i want it to pop out jamaica and montego

Its just not working for me. I tried making Jamaica and Montego LI items, but then it messes everything up

Thanks for the help guys

<div class="verticalaccordion">
<ul>
        <li><h3>Home</h3></li>
	  <li>
        <h3>Search</h3>
        <div><form id="searchbox" action="">
    <input id="search" type="text" placeholder="Type here">
    <input id="submit" type="submit" value="Search">
</form></div>
    </li>
	<li>
        <h3>Browse Resorts</h3>
        <div id="lister">By Destination
		<ul>Jamaica</ul>
		<ul>Montego</ul></div>
		<div id="lister">Whos Going</div>
		<div id="lister">Resort Chain</div>
		<div id="lister">Resort Name</div>
		<div id="lister">Interests</div>
		<div id="lister">Top 5</div>
    </li>
    <li>
        <h3>About Us</h3>
        <div>link to about us</div>
    </li>
</ul>

Here is the CSS

 /*NAVIGATION BAR*/
.verticalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
    width: 250px;
}
 
.verticalaccordion>ul>li {
    display:block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style:none;
    height:40px;
    width: 250px;
 
    /* Decorative CSS */
    background-color:#f0f0f0;
 
    /* CSS3 Transition Effect */
    transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
}

.verticalaccordion{
position:absolute;
top:480px;
 }

.verticalaccordion>ul>li>h3 {
    display:block;
    margin: 0;
    padding:10px;
    height:19px;
 
    /* Decorative CSS */
    border-top:#f0f0f0 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000;
    background: #cccccc;
 
    /* CSS3 Gradient Effect */
   	
	
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFC2 0%, #EFC35B 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFC2 0%, #EFC35B 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFC2 0%, #EFC35B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 413, color-stop(0, #FFFFC2), color-stop(1, #EFC35B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFC2 0%, #EFC35B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #FFFFC2 0%, #EFC35B 100%);
}
#lister{
    display:block;
    margin: 0;
    padding:10px;
    height:19px;
 
    /* Decorative CSS */
    border-top:#f0f0f0 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000;
    background: #cccccc;
 
    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #999999, #cccccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc); /* IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)";   /* IE 8 */
 }

#lister:hover{
    visibility:visible;
    font-weight:bold;
    color:#fff;
    background: #000000;
    display:list-item;
    visibility:visible;
 
    /* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #4BFF14 0%, #EFC35B 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #4BFF14 0%, #EFC35B 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #4BFF14 0%, #EFC35B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 413, color-stop(0, #4BFF14), color-stop(1, #EFC35B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #4BFF14 0%, #EFC35B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #4BFF14 0%, #EFC35B 100%);

}
#lister ul{
    display:none;
    visibility:hidden;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */

#lister ul :hover {
    left:900px;
    top:0px;
    display:list-item;
}
.verticalaccordion>ul>li>div {
    margin:0;
    overflow: auto;
    padding:10px;
    height:220px;
}
 
.verticalaccordion>ul>li:hover {
    height: 280px;
}
 
.verticalaccordion:hover>ul>li:hover>h3 {
    /* Decorative CSS */
    color:#fff;
    background: #000000;
 
    /* CSS3 Gradient Effect */
    /* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #4BFF14 0%, #EFC35B 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #4BFF14 0%, #EFC35B 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #4BFF14 0%, #EFC35B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 413, color-stop(0, #4BFF14), color-stop(1, #EFC35B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #4BFF14 0%, #EFC35B 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #4BFF14 0%, #EFC35B 100%);
}
 
.verticalaccordion>ul>li>h3:hover {
    cursor:pointer;
}