javascript - Anchor tag and link tag isn't working in Eclipse -
outside eclipse, double clicking on index.html, runs css , js given me designer when copied , pasted eclipse's directory, loads index page plain text only, no styling ensured linking looking fine also, anchor tags don't link specified html sites, gives error 404, resource not found error.
folders
webcontent *web-inf - web.xml *html -index.html -donate.html -and other html - projects (folder) --project 1 --project 2 --project 3 *css -bootstrap css elements *js -bootstrap js elements
here's code index.html
<!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>people helping people foundation</title> <link href="../css/bootstrap.css" rel="stylesheet" type='text/css' /> <link href="../css/main.css" rel="stylesheet" /> </head> <body data-spy="scroll" data-target="#navbarcollapse"> <nav role="navigation" class="navbar navbar-default navbar-fixed-top"> <div class='container-fluid'> <!-- brand , toggle grouped better mobile display --> <div class="navbar-header"> <button type="button" data-target="#navbarcollapse" data-toggle="collapse" class="navbar-toggle"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="index.html" class="navbar-brand">people helping people</a> </div> <!-- collection of nav links, forms, , other content toggling --> <div id="navbarcollapse" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#imagehead">home</a></li> <li><a href="#about">about</a></li> <li><a href="#contactus">contact us</a></li> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#">projects <b class="caret"></b></a> <ul role="menu" class="dropdown-menu"> <li><a href="projects/project_1.html" class="transition">project 1</a></li> <li><a href="projects/project_2.html" class="transition">project 2</a></li> <li><a href="projects/project_3.html" class="transition">project 3</a></li> <!--<li class="divider"></li> <li><a href="#">trash</a></li>--> </ul> </li> <li><a href="donate.html">donate</a></li> </ul> <!--<form role="search" class="navbar-form navbar-left"> <div class="form-group"> <input type="text" placeholder="search" class="form-control"> </div> </form>--> <ul class="nav navbar-nav navbar-right"> <li id='loginspace_admin' class='hidden'> <div class='container-fluid'> <div class='row'> <div class='col-xs-12'> <p style='margin-top: 1px;'><em>welcome back,</em> <span id='navlink'>username</span>!</p> <p style='margin-top: -15px;'><em>last active on</em> <span id='navlink'>date</span></p> <p style='margin-top: -15px;margin-bottom: inherit;'><span id='navlink'><a href='donations_panel.html'>donations</a></span> | <span id='navlink'><a href='admin-content-wp/donation_log_wp.html'>acp</a></span> | <span id='navlink'>log out!</span></p> </div> </div> </div> </li> <li id='loginspace_user' class='hidden'> <div class='container-fluid'> <div class='row'> <div class='col-xs-12'> <p style='margin-top: 1px;'><em>welcome back,</em> <span id='navlink'>username</span>!</p> <p style='margin-top: -15px;'><em>last active on</em> <span id='navlink'>date</span></p> <p style='margin-top: -15px;margin-bottom: inherit;'><span id='navlink'><a href='donations_panel.html'>your donations</a></span> | <span id='navlink'>log out!</span></p> </div> </div> </div> </li> </ul> <ul class="nav navbar-nav navbar-right " id='loginspace'> <li id='blogin' onclick='logn()'><a href='javascript:void(0)'>login</a></li> <li id='aor' class='hidden-xs hidden-sm' style='margin-left: -20px;margin-right: -20px;'><a href='javascript:void(0)'>or</a></li> <li id='sgnup'><a href='sign_up.html'>sign up!</a></li> <li id='alogin' class='hidden'> <div class='row'> <div class='col-xs-9 col-xs-offset-1'> <form onsubmit='return showpanel()'> <div class="form-group"> <input type="userid" class="form-control" id="logininput_1" placeholder="user id"> <input type="password" class="form-control" id="logininput_2" placeholder="password"> </div> </div> <div class='col-xs-1'> <div class="form-group"> <button type="submit" class="btn btn-default">submit</button> </div> </form> </div> </div> </li> </ul> </div> </div> </nav> <!-- firefox setting: security.fileuri.strict_origin_policy false --> <div id='imagehead'></div> <div id="mycarousel" class="carousel slide" data-ride="carousel"> <!-- indicators --> <ol class="carousel-indicators"> <li data-target="#mycarousel" data-slide-to="0" class="active"></li> <li data-target="#mycarousel" data-slide-to="1"></li> <li data-target="#mycarousel" data-slide-to="2"></li> <li data-target="#mycarousel" data-slide-to="3"></li> </ol> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="../media/images/jumbo-image.png" alt="image 1" style='height: inherit;'> </div> <div class="item"> <img src="../media/images/jumbo-image.png" alt="image 2" style='height: inherit;'> </div> <div class="item"> <img src="../media/images/jumbo-image.png" alt="image 3" style='height: inherit;'> </div> <div class="item"> <img src="../media/images/jumbo-image.png" alt="image 4" style='height: inherit;'> </div> </div> <a class="left carousel-control" href="#mycarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">previous</span> </a> <a class="right carousel-control" href="#mycarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">next</span> </a> </div> <div class='container-fluid'> <div class='container'> <div class='row vwcontent' id='about'> <!-- content1 --> <div class='row well-lg'> <div class='col-xs-12 hidden-xs hidden-sm'> <h1>who are.</h1> </div> <div class='col-xs-12 hidden-md hidden-lg'> <h1 class='text-center'>who are.</h1> </div> </div> <div class='row'> <div class='col-md-5'> <img src='../media/images/727x519.png' class='img-responsive'/> </div> <div class='col-md-7 col-xs-12'> <p class='lead text-justify'> lorem ipsum dolor sit amet, consectetur adipiscing elit. sed molestie pharetra justo gravida commodo. aenean consectetur ligula vitae ligula suscipit luctus. curabitur venenatis purus risus, aliquam placerat ipsum tempus eu. morbi lobortis lacus diam, gravida laoreet sem gravida ac. integer tempus dui arcu, @ rutrum elit tincidunt nec. aenean bibendum eros risus, non interdum metus imperdiet quis. maecenas tellus tortor. phasellus rhoncus posuere faucibus. ut cursus ligula eu venenatis facilisis. suspendisse potenti. aenean gravida neque nunc, sit amet consequat nisl faucibus eu. proin molestie odio elementum aliquam egestas. cras cursus tristique tincidunt. </p> </div> </div> <div class='row'> <div class='col-xs-12'> <p class='text-justify'> vivamus pellentesque nisl @ neque blandit, non pretium felis feugiat. aliquam malesuada, ligula sit amet ornare pulvinar, neque metus pharetra libero, quis fermentum mauris mi ut felis. cras condimentum odio nec posuere porttitor. aliquam et mollis neque. sed mollis euismod augue ut imperdiet. maecenas sit amet porttitor eros. nulla nunc odio, suscipit ut aliquet eu, congue ac tortor. integer molestie turpis est, quis posuere mi dapibus et. sed vitae lectus convallis, hendrerit turpis sit amet, egestas velit. pellentesque quis lectus ut odio euismod sollicitudin ultrices neque. donec elit felis, volutpat sit amet turpis sed, tincidunt placerat enim. quisque blandit sapien quam, dapibus viverra massa rhoncus eu. nulla mollis felis ac gravida hendrerit. phasellus nisl enim, blandit eget lorem eu, dignissim blandit risus. donec imperdiet tellus id arcu faucibus dapibus id id metus. curabitur @ lacinia mauris. </p> </div> </div> </div> <!-- content1 --> <div class='row vwcontent'> <!-- content2 --> <div class='row'> <div class='col-xs-12'> <img src='../media/images/jumbo-image.png' class='img-responsive'> </div> </div> <div class='row'> <div class='col-xs-12'> <p class='lead text-center'> sed nec viverra felis. ut fermentum vitae sapien dignissim dignissim. nullam ex massa, suscipit eu augue vel, tristique pulvinar massa. nullam aliquet diam augue, id condimentum arcu ultricies eget. fusce ante enim, consequat sed metus sit amet, interdum convallis diam. aenean pretium diam ex bibendum bibendum. in accumsan dui sit amet elit fringilla tincidunt. in nec vulputate elit. nullam auctor ex et odio lobortis dignissim. fusce et cursus mauris. </p> </div> </div> </div> <!-- content2 --> <br /> <div class='row vwcontent' id='contactus'> <!-- content3 --> <div class='row well-lg'> <div class='col-xs-12'> </div> </div> <div class='row'> <div class='col-md-6 col-xs-12'> <img src='../media/images/727x519.png' class='img-responsive'/> </div> <div class='col-md-6 col-xs-12'> <div class='hidden-md hidden-lg'> <br /> </div> <h1 style='margin-top: -1vh;'>contact us!</h1> <form> <div class="form-group"> <label for="name">name</label> <input type="name" class="form-control" id="nameinput" placeholder="enter name"> </div> <div class="form-group"> <label for="email">e-mail address</label> <input type="email" class="form-control" id="emailinput" placeholder="enter e-mail"> </div> <div class="form-group"> <label for="subject">subject</label> <input type="subject" class="form-control" id="subjectinput" placeholder="enter subject"> </div> <div class="form-group"> <textarea class="form-control" rows="3" placeholder="enter message"></textarea> <button type="submit" class="btn btn-default">submit</button> </div> </form> </div> <div class='col-xs-12'> <p class='text-info'> sed nec viverra felis. ut fermentum vitae sapien dignissim dignissim. nullam ex massa, suscipit eu augue vel, tristique pulvinar massa. nullam aliquet diam augue, id condimentum arcu ultricies eget. fusce ante enim, consequat sed metus sit amet, interdum convallis diam. aenean pretium diam ex bibendum bibendum. in accumsan dui sit amet elit fringilla tincidunt. in nec vulputate elit. nullam auctor ex et odio lobortis dignissim. fusce et cursus mauris. </p> </div> </div> </div> <!-- content3 --> </div> </div> <div id="footer"> <div class="container"> <p class="text-muted"><em>web user interfaced designed <a href="http://www.facebook.com/whenlegendbegins">kyle cancio</a></em></p> </div> </div> </body> <script src='../js/jquery.js' type='text/javascript' /></script> <script src="../js/jquery.viewportchecker.js" type ='text/javascript'></script> <script src='../js/bootstrap.js' type='text/javascript' /></script> <script src='../js/custom_.js' type='text/javascript' /></script> </html>
Comments
Post a Comment