JQuery :: Using As Navigation Path For The Website?
Jul 19, 2011
i want to load the content in the #contentscroll-div.at the leftmenu navigation all works fine with buttons and stuffthe headpic works fine eitherbut i wanted to have some links in my inner content (which is in #contentscroll-div). i gave them the class .contentlink and added the class to my click function. but it doesn't work.
$(document).ready(function()
{
$("#contentscroll").load("sites/home.html").fadeIn("slow");
[code]....
View 1 Replies
ADVERTISEMENT
Jul 23, 2005
I have a problem with an application i'm working on (Asp.net using
vb.net for developing). I'm normally used to doing middle tier
development, so my javascript skills are not up to par. Here is my problem:
I have a javascript file called 'PMP/Scripts/Popups.js' (pmp is the root
of the website). In that file is the following function:
function OpenTutorial(sTutID)
{
var sURL = '../support/tutorials.aspx?tutid=' = sTutID;
var sProperties = 'center:yes;etc..'
window.showModalDialog(sURL, self, sProperties);
}
where ../support is acutally pmp/support.
Most of the website pages are located in sub folders from the root of
the website. When editing is to be done on a record, a popup window is
called from the main page. the popup pages are in another sub folder
(i.e. pmp/review would be where review.aspx resides and the edit page
would be located at pmp/review/popups). We give the user a tutorial
icon to click on which calls the OpenTutorial function on a button click
event.
The problem is the tutorial popup page won't load properly when called
from another popup page. I've tried variations of location.href,
location.pathname, location.hostname etc.. but can't seem to get the
pages to open correctly. The most common error i get is that the url is
not correct. here is a sample of the urls being called by the function:
View 1 Replies
View Related
Jul 20, 2005
I am currently working on a static website for an auto parts company.
I've spent quite a long time with the owner of the business in
developing a javascript version of a windows explorer type of
navigation to be able to find these parts.
I was just notified that the individual that wants this done also does
not want the external .js file to be able to be copied, and someone
else profit from his/our work. I know that you cannot hide a client
side file; no matter how hard you try someone can get it. However, if
I deciped to go with a database instead, could I use a variant of this
file or convert it to another type that will allow me to use an access
dbase that we have, and yet keep my navigation the way I programmed
it?
View 1 Replies
View Related
Jul 26, 2009
I'm quite new to web design and Javascript in particular. How to resolve a problem with the navigation bar in a website I am currently working on. The navigation bar has 3 main categories and there is an 'active' state so the page currently viewed is shown as grey underline text in the navigation bar. The thing is, I also have sub-categories that are not included in the navigation bar but I'd like to make it so the sub-category page currently being viewed makes the main category to which it is attached showing as 'active' in the navigation bar.
This is the structure of my site:
index.html
contact.thml
illustration
index.html
illustrationproject1.html
illustrationproject2.html
illustrationproject3.html
photography
index.html
photography1.html
photography2.html
So for example, if I'm in illustrationproject1.html, the Illustration tab in the navigation bar should be on the active state. This is the code I have so far:
Navigation Bar:
[CODE]
<ul id="nav">
<li class="nav_item"><a href="illustration/index.html">Illustration</a></li>
<li class="nav_item"><a href="photography/index.html">Photography</a></li>
<li class="nav_item"><a href="design/index.html">Design</a></li>
<li class="nav_item"><a href="stories/index.html">Stories</a></li>
<li class="nav_item"><a href="profile.html" title="Profile">Profile</a></li>
<li class="nav_item"><a href="contact.html" title="Contact">Contact</a></li>
<li class="nav_item"><a href="links.html" title="Links">Links</a></li>
</ul>
[ICODE]
This is the Javscript for the active state:
[CODE]
function setActive() {
aObj = document.getElementById('nav').getElementsByTagName('a');
for(i=0;i<aObj.length;i++) {
if(document.location.href.indexOf(aObj[i].href)>=0) {
aObj[i].className='active';
}}}
[ICODE]
So this code is working but I'm just not sure how to apply it to the subcategories as well. I can see what I should do, write some "if" statement but I don't enough of Javascript yet for this...
View 2 Replies
View Related
Aug 22, 2010
Im trying to learn how to scroll using arrow keys or hotkeys. Where you're able to use your arrow keys to move side to side and up and down.
Here are the 2 best examples of how it functions:
thinkingforaliving[dot]org/archives/4580
ffffound[dot]com (top right says hotkeys to scroll with)
Can anyone link me to how to script that? Or even if there's a proper term I should know about to search for tutorials..
View 1 Replies
View Related
Nov 2, 2009
I'm trying to implement a minimal navigation bar using jQuery's toggleClass() function but can't seem to get it working.
It's the .img_selector div at the bottom of the page:[url]
I want to toggle the 'active' class for each <a> when it's selected, to indicate which image is showing, so after calling jQuery, in the <head> I've got:
Then the links, which also include the showPic function:
View 4 Replies
View Related
Feb 6, 2011
I want to create an own horizontal navigation and so the navigation is a nested list like
<ul id="mymenu">
<li>entry1
<ul class="abc">
[code]....
View 3 Replies
View Related
Apr 27, 2009
I'm using a script to include images into a slide show using direct URLs to the image files, but I am using fckeditor (PHP) for my users to edit their content. The script in the .js file that pulls the images into the slide show.The user's image file is going to be named something like, "userImage01.php". Inside that file would be their image location path ~ "images/user/image1.jpg".Therefore, I need the above javascript to pull-in "userImage01.php" INSTEAD OF the image's location path.
View 10 Replies
View Related
Aug 8, 2009
<div>
</div><div>I did some navigation menu and sub menu using jquery ,</div><div>
</div><div>like ;</div><div>
</div><div>Menu1 </div><div> Sub menu1(some.php)</div><div> Sub menu2(some1.php)</div><div>
[Code]..
View 1 Replies
View Related
Apr 18, 2010
I am not terribly familiar with Javascript but i am looking forward to learning, and currently the problem I am facing is this:I have an a file being included to an .shtml document, that serves as my navigation, the code is like this:
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Home</a>
<ul>
[code]....
View 12 Replies
View Related
Nov 30, 2010
I have a ajax program on a page on website A. And I need to let it talk to a program on website B. I tried to put website B into the url of the parameter but it doesn't work.It gives me a "[objet XMLHttpRequest]" error.here is the code on website A:
[Code]...
View 1 Replies
View Related
Mar 21, 2011
I'm having an issue using .get and a callback. Basically, unlessI use a fully quantified path when I deploy my site the call doesn't work. When I'm developing on localhost, the site works fine. It's an ASP.NET MVC site. I'm fairly new to jQuery. If I replace the code with an absolute path, all seems fine. Obviously I'd rather use relative paths. I'd be grateful for any insight you could offer.
[Code]...
View 2 Replies
View Related
Oct 29, 2010
why my code not work, when I change path of xml?,
$.ajax({
type:"GET",
url:"testPathxml.xml",
dataType:"xml",
[Code]....
View 1 Replies
View Related
Aug 27, 2010
What I'd like to do is change the path to images with the class .changsrc. Eventually I'll attach this to a link, but for now I only need it to happen on page load. I managed to change the entire image src using attr() but that doesn't work for multiple images with one class name. (maybe I'm missing something there)So... how can I change
img src="images/imagename.jpg"
to:
img src="images/alt/imagename.jpg"
View 7 Replies
View Related
Jan 28, 2010
The javascripts files in my website are constantly getting injected with malicious codes which redirects my website
View 2 Replies
View Related
Dec 29, 2005
I'm trying to code a feature for my website using DHTML where the person viewing the website can rotate between viewing the positive/negative points of the website being reviewed. This example was in the publication called Using HTML 4 by Lee Anne Phillips. Code:
View 5 Replies
View Related
Sep 3, 2010
I need some help with a path change. It works for just one image but when I use it for multiple images they all change to the same one. I need the src images/fr to change to images/en with a click.
[Code]...
View 3 Replies
View Related
Jul 15, 2011
I am working on a simple switch statement that will select the current url and perform a simple action Here is what I am trying:
var url = window.location;
//alert(url);
switch($(url).val())
{
[code]...
so far my site is loading fine and all the jquery is working, but I am having a real problem getting my alert() to fire. I have checked the url with the alert() outside the switch, it is receiving what it should.
View 2 Replies
View Related
Apr 8, 2010
Im looking at a pretty old table driven site for a client. Its an affiliate based site so affiliates of the company can use their booking engine. They want to be able for affiliates to change some of the hardcoded images so as to use their own coloured ones.Is it possible with Jquery to change the image path on all of the images. So for example from:[code]Unfortuntly due to the nature and size of the company I cant use htaccess or do any real code changes hence i thought a JQuery would do it
View 1 Replies
View Related
Sep 22, 2010
Is there any way to get the FULL path that is shown in the mcDropdown after the selection? this.getValue() only returns the selected value in the dropdown AND $("input#category").val() does the same, instead of showing the full path. I need the full path. Also, I am not getting the arrows on the items that have children even though looking at the CSS in Firebug, I can see them as they are in the path.
View 4 Replies
View Related
Jun 28, 2009
What I'm trying to do is create three rules depending on the path of a page. If the path contains 'best-sellers', I want jQuery to set the class of the page to 'pm-best-sellers'. I can do this, and it works, but when I add the rules for 'express-gifts' and 'eco-friendly' it breaks.
Here's what I've got:
View 8 Replies
View Related
Jan 19, 2009
Ive been working on a site with a dropdown menu. its styled with css and animated with java i would like to add support for keyboard navigation.
var DDSPEED = 5;
var DDTIMER = 5;
main function to handle the mouse events [code].....
View 1 Replies
View Related
Sep 19, 2010
I'm trying to load an external SVG file and change the fill style of a path element. The following code doesn't seem to have any effect:
$(function() {
$('#map').svg({
loadURL: 'Map_of_USA_with_state_names.svg',
[code]....
Is there something I need to do so that changes to the style take effect?
View 3 Replies
View Related
Sep 27, 2010
I built a reusable plugin for slideshows. Client now needs me to add something that will affect its reusability.The line below is a snippet which is attached to a nav button. Each slideshow has a dot per slide. When clicked I get the number of sibling that it is within the group and then I look UP the DOM to the nearest div with the class called 'slide_holder'. I then display the slide that has the same sibling number as the dot(In other words - If you click the second dot in the group of dots, then the second slide will fade in. If you click the 3rd dot, then the 3rd slide will fade in)Below is a snippet (CLICK HANDLER)
$('.slider_dot').click(function() {
$(this).parent('.slide_dot_holder').prev('.slide_holder').children().fadeOut('slow');
$(this).parent('.slide_dot_holder').prev('.slide_holder').find('div:eq(' + $(this).index() +
[code]....
View 2 Replies
View Related
Dec 13, 2011
I have a relative path issue when using jQuery in that I am using the same ajax function sitewide and I don't know how I can send a request to a PHP file without needing to provide the full absolute path. For example, the below code works at top level, but will not work if called from inside a sub folder.
[Code]...
View 1 Replies
View Related
Apr 27, 2010
Suppose I want to allow a user of a website to add a poll to the website for everyone to see/vote on. How exactly would I write a script for that?
View 8 Replies
View Related
