Link to section on page without using # - javascript

I am a novice at the moment & learning a few things along the way but I am stuck with this small issue.
Here is the page in question http://www.theremotedoctor.co.uk/accvolvo.html
I am looking to click on my item selection as shown on the page and scroll to the page of which is the loaded upon a click.
Desktop works fine so this is for IOS device where picture loaded is off the screen,hence the scroll of the item.
I have supplied a before & after code to show what happened.
BEFORE CODE WITH WORKING PICTURE LOADED
<li>Remote uncut key</li>
AFTER CODE PICTURE LOADING NOT HAPPENING BUT SCROLL IS WORKING
<li>Remote uncut keyRemote uncut key</li>
I am now not sure how to rectify this.
If the above code of which I have applied is incorrect I am willing to use a different code that will allow the link to be clicked,pictured loaded & also the scroll to the picture working.
I understand its down to the # being used so already but now confused.
Many thanks for your time.

Related

Need to make browser back button go back to previous page root url sitewide on Wordpress

I have a particular problem on a site that I'm working on and can't seem to get things working on Wordpress. I have a tab section of the site that uses # to function properly. I also have anchor links to these sections as well. Everything works great, but when I navigate off of the page and click the browser back button, I have to click through each # until I get to the root page. I realize that this is the normal browser behavior, but need to find a workaround if possible. I've tried all sorts of code, and could post some things I've tried but nothing is working thus far. Any help would be greatly appreciated.
Thanks so much

My modal gallery doesn't work when implemented to portfolio

I am working on a website for a school project and I had made a modal gallery to show some pages of a brochure. So to test I made a seperate document to see if it would work and it did. But ofcourse when I tried to put it in my correct webpage it didn't.
It should be in the blue GIP section but instead it is on the bottom of the page and I can't seem to get it to go up. Also the whole gallery is broken but that is not for this sub I think.
Thank you to anyone that tries to help.
Test: http://www.vseppe.gc-m.be/Gip/test.html
Webpage: http://www.vseppe.gc-m.be/Gip/index.html
I can't figure out how to paste the code correctly in here, please comment or message if you need it.

Slidemenu won't load the first time in JQuery Mobile App

I have a Jquery Mobile app with a slidemenu in the global page, and it appears with the press of a button or a swipe on the screen, facebook style. My problem is that the first time the app loads, the menu never pops out, even if you press the button a thousand times. You have to refresh the page and then in works in all the pages of the app for the lifetime of the session. If you logout and enter again, you need to refresh.
You can see a example here: http://cic-team.no-ip.biz:9090/apex/f?p=112:2 User: Demo Passw: 1234abc
The menu it's in an "After Header" region as a "List: Menu" type with this custom template: http://i236.photobucket.com/albums/ff289/Best1989/template.png
The button has the following attributes:
data-slidemenu="#slidemenu" data-slideopen="false" style="margin-left:0px !important;"
Maybe the Javascript or the CSS are not loading correctly the first time, but inserting the menu in other region has not worked for me. I'll gladly read your suggestions and comments.
I'm using Apex 4.2.0.
Thanks in advance.
With some research I found the answer to my question, please check this:
http://www.gajotres.net/how-jquery-mobile-page-handling-affects-javascript-executions/
The problem was that I wasn't loading the menu classes at the Login page (which is the first of all) and when you actually got to the page where the button and menu is displayed, it didn't load the classes.
Solved the problem loading the components in the first page but keeping them hidden.

Web Navigation loads last

This problem refers to this site:
http://kittysitting.com.au/contact-us-for-cat-sitting-brisbane-northside/
The problem I'm experiencing is that the navigation menu visually shows last. Usually taking a few seconds after the rest of the page has loaded. The site is loading fine but this makes it appear slow.
My debugging so far:
Disabling Typekit fonts - makes no difference. Fonts load super quick but the whole menu still takes ages to visibly appear even when using 'sans-serif' font.
Disabling Wordpress Dynamic Menu - I tried inserting a purely static menu and it still won't appear for a few seconds after page load. Ruling out anything wrong with Wordpress/PHP.
My guess is it is a Javascript issue or CSS.
My Question for Stack Overflow is:
What is the best way to debug this issue. I'm familiar with Chrome developer tools, but I need to see what exactly is holding it up for the few seconds before the navigation appears.
UPDATE:
Found that a Javascript for responsive navigation is the cause. (If I disable the script it works fine). Have contacted js library owner on github to ask for further assistance as to why its doing it....

Highslide conflicting with slimScroll.js

I'm working on a site that is using Highslide JS to create a slideshow window of larger product images when an image on the product page is clicked. I'm also using Piotr Rochala's fine jQuery plugin, slimScroll, as an alternative to ugly browser default scrollers on the same page.
The problem occurs when a product image is clicked, creating a new .highslide-controls div behind the slideshow that should only be in the top of the slideshow window. The div gets appended with each click, which I believe I've narrowed down to a conflict with the slimScroll script.
See: http://www.thelifeguardstore.com/newproductcart/pc/viewPrd.asp?idproduct=7409
I've attempted using jQuery's noConflict(), changing up the orders of when scripts are called, and looking at each script's JS code, but can't find exactly what's causing the problem. Although I have a feeling it's probably right in front of me, laughing maniacally.
Any help or clues as to what may be causing the issue is greatly appreciated.

Categories