I've just started learning jquery and have been trying to use this code which I found on this forum.I want to detect some text (addClients) in the url and add an css id to a list item with the class m1 (li class="m1") - so I get (li class="m1" id="expanded"):
This is what I have so far (which is not working)$(function() {
$(document).ready(function() {
var url = location.pathname;
[code].....
I have a form setup on my webpage that grabs a couple pieces of information from the user (ie name, address, etc.) and when the user enters this information and submits the form, the base URL of Code:
View 3 Replies View RelatedI want to have twelve pages giving details for each month with a navigation link "This Month" allowing the correct page to be loaded.
View 5 Replies View RelatedI am using jquery.validate.js. I am having 2 input fields. The condition is the second input value should not be less than first input value. The second condition is the first input value should not be greater than 2nd value. I tried with different options but it didnt work. Is there any jquery function for this validation? Or pl
View 2 Replies View RelatedOn my site I use an SVG image. The <embed> tag works fine in Opera and Firefox. And <img> works fine in Chrome and Safari. I would like to know if it is possible to change the tag with an 'if' browser statement, and if it is ho would I write it.
if (jQuery.browser.webkit) {
* // Replace <embed> with <img>
}
I have a wordpress website with which I wish to provide content via an iframe on facebook.. Without using a wordpress plugin, I would like to know if I provide a function in jquery that basically says if viewport is equal to 520px then either load this css file or add this body class.. Also, if viewport is = to 520px then hide this element.. I think this can be done but after a lot of searching, I cannot seem to find a definative answer..
View 2 Replies View RelatedI was reading thegetting started with jquery. And got confused with use of this in these 2 code segments.
$(document).ready(function() {
$("#orderedlist").find("li").each(function(i) {
$(this).append( " BAM! " + i );
});
});
$(document).ready(function() {
// use this to reset several forms at once
$("#reset").click(function() {
$("form").each(function() {
this.reset();
});
});
When do we need $(this) and this? And what is the difference between them?
I want detect if the column has red or blue, add the class on it, it's like
[Code]...
but I want every column 2 below red column and column 3 below blue also add the same css, how to do it?
My plan is to create a JavaScript class, with some functions and variables, and one of the functions is called when a user clicks on a certain element. However, I need to find out the ID of the element that was clicked (in the example, that of the <p>) for further processing. It looks basically like the following:
[Code]...
The result was very crazy, because console.log(this) gave me the node as result, and console.log($(this)) did the same only as jQuery node, but trying to find out the attribute via jQuery gave undefined as result. I haven't checked if this.id would work (should probably), but I'd prefer to keep the whole script in jQuery, if possible. I suspect it may be an overusage of the 'this' keyword, but if so, what's the proper way to do it?
Basically, I'm trying to have a navigation bar on my website with the days of the week on it. I have 7 images of the bar, each starting with a diff day (so one is monday-sunday, the next is tuesday-monday, etc) and I've so far managed to make it display the correct image depending on the day with this code:
var a= new Date();
var b= a.getDay();
switch(b) {
case 0:
document.write("<img src="sunday.jpg">")
break
case 1:
document.write("<img src="monday.jpg">")
break
etc
My problem is that I need the days to be links, so I tried creating an image map:
case 1:
document.write("<map name="Monday">" +
"<area href="tuesday.htm" shape="rect" coords="106, 30, 196, 88">" +
"</map>" +
"<img border="0" src="images/mon.jpg" usemap="Monday" width="770" height="90">")
Which really didn't work either. Which brings me to my question: Is it possible at all to do what I'm trying? And have I made a total mess of the code?
I've searched high and low on this forum, and google for a script which changes an image dependant on what time and day it is.
It's for a community radio station website, so I want to have an image of what's on (i.e. DJ's Picture) that links to that shows minisite.
I am developing a course. I would like to display certain pages, depending on the Operating system.
I do not think that javascript can load a page. So I have tried the following:
In html I have:
In javascript I have:
The above was just to see if it would work.
When I click on the link I get an error that it could not find nextpage()
I have tried the simplest solution. It did not work. Is there a solution?
I have a menu on a new website im developing. The menu is going to be within a PHP include file. I need a way of (using JS) the current page having its menu item with a different image to the others e.g. a "selected" image.The code im experimenting with, and which may shed a bit more light on what im trying to achieve is as follows:
var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);
if (filename = 'about.php')
[code]....
I'm looking at integrating a JavaScript/PHP/MySQL dependant drop-down menu order configurator. My client sells a lot of high-tech stuff, which needs to be customized, so I was thinking that this would be the perfect solution.
Rather than have the list statically populated with HTML tables, if the clients could automatically configure them to their specifications, then this would be the best option to avoid confusion, as well as save my client's support desk time and money during the pre-sales process.
However, I am not having luck finding what I need when Googling for dynamic dependant javascript php menus... a lot of basic JavaScript menus comes up, and that's great, and I really don't have the time to spend on this project creating a custom mysql/php implementation.
Ive written some code to try and resize a page dependant on the content oof an iframe. Code is as follows:
window.onload=sizeAdj();
function sizeAdj() {
var elFrame = document.getElementById('theFrame');
var elTable = document.getElementById('tableGrab');
var elDivMain = document.getElementById('main');
var elDivWrapper = document.getElementById('wrapper');
[Code]....
I originally thought that I would just be able to resize the iframe and the other elements would follow suit but as you can see Ive tried to resize the other encasing elements also. The code resizes partially in chrome but only to a certain point and not to the full height of the doc content.
I've been using this bit of code to limit the number of characters in a text field (taken from http://www.shiningstar.net/articles/articles/javascript/dynamictextareacounter.asp:
<SCRIPT LANGUAGE="JavaScript">
function textCounter(field,cntfield,maxlimit) {
if (field.value.length > maxlimit) // if too long...trim it!
[code]....
I am modifying the suckerfish dropdown code to use settimeout to have
a slight pause before the menus disappear to make it more user
friendly. I have hit a snag with the following statement:
li.
{
timerID=setTimeout('this.getElementsByTagName("UL")
[0].style.display = "none"', timecount);
}
If I put take the statement
this.getElementsByTagName("UL")[0].style.display = "none";
out of the settimeout function, it works. (w/o the pause, obviously).
With the settimeout function, I get "this.getElementByTagName is not a
function" error.
I have tried putting this.getElementsByTagName("UL")[0] is a variable
and then using that in the settimeout function, but then each li will
only open the very last menu in the list. (ie all the menu items open
the last sub menu) Code:
I've been searching google endlessly and I've come to the conclusion I'm not using the proper search keywords. I'm trying to create something similar to the banner/button combo you can find here:[URL]..
I assume these type of slide show buttons combos use java script and possibly php. If anyone knows the proper name for this type of slide show or can point me to some scripting
Is there a way to find which element in an object array the keyword 'this'
is acting upon?
For example:
function doMe(){
var aTags = document.getElementById("list").getElementsByTagName("a");
for (var i=0; i<aTags.length; i++) {
aTags[i].onclick=function() {
this.className = "myClass";
}
}
}
Inside of this function is there a way to determine where in the array this
'this' is and return the integer?
var theID = this.somethingOrOtherThatWouldGiveMeTheNumber;
var elementID = document.getElementById("myDiv"+theID);
Would like to check if there is anyway where i can use javascript to grab the keyword of .doc and .pdf file.
because when i right-click on the files, and click on properties. there will be a tab at the top (Summary for .doc and PDF for .pdf), and upon clickin there will the description, author and keywords. so im just wondering if there is any way to grab the value?
I'm trying to get the following function to work:
When called like so:
I could just give each image an ID and not use the 'this' keyword, but I haven't used it much so I'm curious about it. It's sending the image element to the function, so why can't I modify the src attribute with that information?
I'm creating a list with buttons that show and hide some of the list elements to create the effect of scrolling. I've built an scrollList object so I can apply this to any list. When you create the object and pass it the id of the <ul> and how many items of the list you want to be displayed. It will add the scroll down and scroll up links and add an Event.observe to them (I'm using the Prototype library).
This code creates the object
var main_news_articles;
main_news_articles = new scrollList('main_news_articles', 5);
main_news_articles.init();
The problem I am having is with the callback functions of the onclick event of the links (scrollUp and scrollDown). The this keyword within these functions is refering to the link and not the object.
To try and solve this I've made the title attribute of the link the same as the variable name of the scrollList object. I can reference the scrollList object like so Code:
I am looking to insert a keyword in to a javascript alert box when someone visits my website, so say they came from codingforums, it would say "Welcome, CodingForums.com Visitor". My keyword will be passed from the ad platform I am working with and shows up correctly in the tracking, so I'd imagine it's just a case of having the snippet of code for it to show in the alert, correct? If there is no keyword, I would just like it to say "Welcome Visitor" or something.
View 11 Replies View RelatedThis following script changes style when mousing over a paragraph:
Code:
<html>
<head>
<script type="text/javascript">
[code]...
How do I take <%=Keyword%> in Javascript and break it down to arrays?
View 5 Replies View RelatedI want to use the new keyword to instantiate an object. The catch is I want to pass in variable length arguments.
Given:
function Foo () {
this.args = Array.prototype.join.call (arguments);
}var args = ["arg0", "arg1", "arg2"];
The following don't work (though I understand why):
new Foo.apply (null, args);
new (Foo.apply (null, args));
(new Foo).apply (null, args);
How to do what I want without modifying Foo's source code?