Solved

jquey mobile can't hyerlink correctly

Posted on 2014-02-05
9
277 Views
Last Modified: 2014-02-06
I am working on a page where I have a button in the header to hyperlink back to main page and I get http://sportsnetwork.com/gamecast/DailyNBA.html the correct web page but I don't get that I get check it out jUST CLICK THE LINK AND THEN CLICK A TIME OF A GAME THEN TRY TO NAVIGATE BACK BY CLICKING BUTTON IN RIGHT UPPER CORNER.

What's going on? EE
0
Comment
Question by:powerztom
  • 5
  • 4
9 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39836762
Your html is screwed up. Note the bolded parts

<!DOCTYPE html>
<html lang="en">
1.1/jquery.mobile-1.1.1.min.css">

<head>
<meta charset="utf-8">
<title>NHL GAME LOG</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.
   
    <!-- JavaScript HTML requirements -->
      <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
0
 

Author Comment

by:powerztom
ID: 39836880
If you click on Index.html it goes to Nba Games cause it doesn't have a gameid assigned to be it. In my company we have windows 2000 in the network I downloaded MS web Expressions cause I like a gui that's why I made the mistake you pointed out. here is index works fine Index.html

Ok Now here is the games lineup ande where you go to index page it has the gameid in url but I want a back button I can use throughout the web app. So clicking back #/gamecast/DailyNBA.html gets appended to http://sportsnetwork.com/GAMECAST/NBA/Index.html?gameID=18453. Instead of just going to thr originasl link http://sportsnetwork.com/GAMECAST/DailyNBA.HTML

Check it out dailynba  Gary Help Please Actually after checking it out I have a html tag issue at bottom it looks like
/td>  
   
   
 
NBA GAMECAST 2014  appears oddly your feedback is welcome
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39836975
Remove
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
You already have a script tag for the latest version.

And fix this
<table width="100%" height="100%" "border="0" align="left">
0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 

Author Comment

by:powerztom
ID: 39837022
Cathal what's up

I removed jquery script like you said then I removed
<table width="100%" height="100%" "border="0" align="left">
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>/td>
  </tr>
</table>
now when I click the nba games button i get this in url line http://sportsnetwork.com/GAMECAST/NBA/Index.html?gameID=18453#/gamecast/DailyNBA.html and this is what I see the hyperlink is instead of going to http://sportsnetwork.com/gamecast/dailynba.html it appends #/gamecast/DailyNBA.html to the path here is the error message I get
error message screen
0
 

Author Closing Comment

by:powerztom
ID: 39837029
ThankYou I losed css formatting on the webdoc any suggestions? But thanks for spotting my errors
0
 
LVL 58

Expert Comment

by:Gary
ID: 39837052
You keep screwing your html up.

Half opened script tag for no reason
<script type="text/javascript" 

<script type="text/javascript">
$(document).ready(function() {

});
</script>

Open in new window

No closing tag
<div data-role="header" data-position="inline"

Open in new window

0
 

Author Comment

by:powerztom
ID: 39837232
I'm using Web Expressions by Microsoft cause of alots of html slop but I really should blame a poor product I should have kept my eyes open and researched more.
0
 
LVL 58

Expert Comment

by:Gary
ID: 39837241
It's got MS in the front of it - what do you expect?
0
 

Author Comment

by:powerztom
ID: 39838880
I can't argue with you. Now I'm not the best coder But this MS WEB EXPRESSIONS has a mind of it's own I like Dreamweaver at least that can tell you if your javascript has a syntax error and I like it's GUI. i'M NOT A NOTEPAD GUY Maybe one day.
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question