Two menus for a galley: how to
I need to write a gallery with two menus: one above, and another one below of the gallery. The menu items of both menus should not be linked between each other, i.e. they filter the gallery according to different characteristics. I managed to make the below menu work (the menu items are pictures as well), but the above one refuses to work (it is composed of text links). How should I connect them and make things work? I`m using simple code like in a Galleria plagin for my gallery.
creating a list item
hi I am a beginner with jquery and was trying out the tutorial at http://lethain.com/entry/2008/sep/21/intro-to-unintrusive-javascript-with-django/ in the tutorial a list item is added to an ordered list as follows var newLi = $('<li><a href="/note/'+slug+'">'+title+'</a></li>'); $("#notes").prepend(newLi); I can't understand why there has to be a $() around the string that constructs the list item.I replaced it with a simple string var newLi='<li><a href="/note/'+slug+'">'+title+'</a></li>' This
Changing font-size based on characters count.
Hello all, I'm all new to jQuery and JavaScript. I'm reading jQuery in Action for my learning and thought I could start with a simple exercise for my page: I have several divs of the class ".important_new" with headings in there which are links to the articles: <div class="important_new"> <h1><a href="#">New York Knicks sign Patrick Ewing Jr.</a></h1> <img class="important_new_flag" src="images/body/flags/USA.png" /> <span
Match elements with the same class
I need to match an h3 with a p that has the same class. However, there are multiple elements and multiple classes, so I'm trying to store the class in a variable (x) and say "when I hover over the h3 with class x, get the p with class x and fade it in". I can't seem to get it.
How to display characters correctly in an ajax loaded page...
So i tried looking for the answer on the internet, and found a lot of stuff, most of which i didnt understand. I have multiple tabs, and nested tabs and even tabs, nested within nested tabs, which content using ajax. the problem is some of the pages when they're loaded rather than showing a ' or a " they just show question marks. I was able to solve the problem on a few of the pages by adding $.ajax({ contentType: "application/x-www-form-urlencoded;charset=ANSI" }); But there are still many pages
.size() only works for div element ??
.size() Returns: Number Description: Return the number of DOM elements matched by the jQuery object. thats what i got from JQuery API so we just cant count another element such as textarea or span or anything beside div ??
New here and needing some help/advice about Drop down lists.
I have a search query written in ColdFusion. When a user types in my form, ie GE, then some 500 or so records are returned. I would like several dropdown lists on the results page to be populated by the initial query, but populated with other criteria based on a record. For example, again a user types GE which returns 500 records that include Brand Name(GE), Base Type, Glass Type, Average Hours, Wattage, Voltage, and Cost. If the user sees 500 GE bulbs, they could click the wattage drop down list
Ajax call not working in IE 8
This call: $("#ocvfitems").get('getocvflistshort.php?ocvf=' + $("#ocvflvl").val()); is working fine in Firefox but not in IE8. What am I doing wrong? Also tried using .load - same result - nothhing in IE. #ocvfitems is a div. the target php file is local and in the same folder as the website. The ocvflvl is a string that the target uses to determing the query necessary to get the requested data. Thanks, Bill
jQuery 1.3.2/UI 1.7.2 and jQuery 1.4.2/UI 1.8.2 in the same sandbox
using sharepoint services 3.0 - the default master, as well as telerik rad controls include references to jQuery 1.3.x. I would like to standardize on 1.4.2 in my code for the reported speed enhancements and other functional improvements. Before I do, are there any known conflicts? How do I tell which functionality I'm going to see/use in my scripts? Is there a way to implement the jQuery.noConflict() between the two jQuery libraries? And before you ask, I have no control on the 1.3.2 inclusion
List
Hi all, I need a List. The List should be like that: http://code.google.com/p/jmpopups/issues/list But, i need drag and drop to order the entries. Also if i click anywhere on the bar, the whole bar gets selected. and i also need multiselection. I need that for a little managing tool. I hope you can give me some input on how doing that. :) Oh and live refresh would be nice Thanks a lot edit: i got now a drag n drop list filled with my array. know i need the multi selection, how can i do that? a tutorial
How to use variable into a IMG SRC?
Hi, I have a small function that gets a URL to a picture, I can get out into the div (full URL). _______________________________________ var SomeName = $().SomeFunction({ fieldName: "Picture" }); $(".MyDiv").append(SomeName); <div class="MyDiv"></div> _______________________________________ But.. If i want to get my value to become a visible image at the webpage, a real image instead of just the URL, how can I use use the variable into Href, like this: <img src="<div class="MyDiv"></div>"/>
these above are proprietary(only for jquery) or are common js adv coding writting
I have the book PRO JAVASCRIPT TECHNIQUES Well some code syntax do NOT appear in my knowledge(from other beginning js textbooks), what means: A) ajax({ url:"./?feed=rss&pagede="+(++curPage); // is it param value to the ajax function? date:... onSucess:... B) //wiki.js $s.split("&"); // here when "$" used in js? $("#content").hide(); $.ajax({... $.param(p),... $s=tmp[0]; these above are proprietary(only for jquery) or are common js adv coding writting?
Can't find error with FireBug
I founded a error in jQuery, with my code. I can't understand the origin of this error: b is undefined gb=/,/;R=Array.prototype.slice;var Ia=...=0,e=this.length;f<e;f++){d=b.length; There is the two files used: scripts.js /** * Lollabot JQuery * last update: 10/09/2010 */ /* <script type="text/javascript" src="js/jquery.js"></script> */ /*** jQuery Use Cases *********/ //1- Selector: google 'css3 selectors' $('.title'); $('.title-id'); $('[src]'); $('[src$=jpg]'); $('h3:hidden'); $('.title:nth-child(3)');
How to retrieve a posted string array from a jquery ajax call
Hi, I am new to jquery. I am trying to return a string array with two strings back to a jquery ajax call. On success, when I try to retrieve the values, my result is just a string "System.string[]". How do I retrieve the values that I returned from the server in my call back function for success. "success: function(result, textStatus, XMLHttpRequest) {" how to retrieve the values of "result"? Thanks.
docs.jquery.com not accessible -- any advice ??
Have problems to get that page loaded. The main page http:jquery.com and forum is ok. Only the http://docs gives problems. Yes, I have Noscript installed, but can't find any settings, same with cookies ... What else prevents my firefox to get that page. On a MAC on the same router/lan no problem. Any advice? Günter mail: neandr_AT_gmx_DOT_de
JQ Newb - Using Variables?
Hi there I am trying to create a single function to get the value of various fields. How do I substitute a variable into the following.... value = $("#myvariable").val(); Obviously the above is incorrect (undefined) as it takes "myvariable" as the literal name of the field. perhaps... value = $("#"+myvariable).val(); ....is that correct? Thanks for the help - JQ Newb :)
Simple show/hide JQuery code not working on page load, no errors and working in firebug
Hi there, I'm trying to get some side navigation to pop up when the top navigation bar goes out of view. When I load my page it does not work (locally or on a server). However, when I load the page and execute the code from the console in firebug, I get no errors and it works perfectly. Any idea what could be going wrong? A note: this page is called index.php, not index.html... there is no php on the page as of yet, I just mention that in case it would make a difference. My code is below: <script
query div populated by plugin
Hi, I'm trying to replace text in a div populated by a plugin and put the new text in another div. I have been using something like: var twatter = $("#myTwitterDiv").text().replace(/SomeWord/g, "NewWord"); $("#NewTwitterDiv").text(twatter); but with no joy, this works for static text but not for text generated from my twitter feed. Any advice on why or where to start would be appreciated. Thanks JK
Early Stab at Show/Hide and Change Text
Just as an FYI, I'm a newbie to jQuery, and don't really consider myself a programmer anyway. Answers that are explained and worded for that target audience are really appreciated! :-) Ok - so I'm finalizing a jQuery show/hide implementation on a list of videos <http://www.springfieldmo.gov/cityview/kp_archive3.jsp>. Everything looks great and works great . . . . . . EXCEPT for our old friend, and thorn-in-our-flesh, IE (6 & 7 tested). A couple issues I can't figure out, both related to the jQuery:
hay all please i wanna help
hay all please i wanna help i have do that code <!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>Simple Slide Panel</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function(){ $("#panel").slideToggle("slow");
How can I Select and Element with selecting any sub elements
I have the following statement: $("p:not(>a)").each(function () { //function here } It is just a find and replace function however it doesn't do what I want it to do! Its replacing stuff within the <a></a> tags within the <p></p> tags! i thought :not(>a) would fix this however evidently not! Could someone please point me in the right direction?
Keypress go to URL?
Hi everyone, I am very new to jQuery and just wanted to know if there was away of having a keypress navigation so if someone pressed "A" on their keyboard you would go to http://www.mydomain.com/about and "C" for contact ect? Can someone please help me with the structure of this? Thanks in advance to anyone able to help me :) xhanna
Detect click event in table cell with in DIV's?
My program retrieves a table via an ajax call and places it in the ocvfitems div below. The first cell in every row is defined as: echo("<td class='tdclick'><a href='#'>$fnum</a>"); When the td is clicked I need the function to be called. It worked before I created the table via ajax. The table does display properly and the column is underlined as a href. I believe that the first line of the function is the culprit but I can't seem to get it to work. $(function() { // original code: $(".tdclick").click(function(){
Question about style switcher!
Hey you guys, I really am a jquery beginner and I would like to know if the following is possible I have a simple style switcher and I would really like to fade in the styles :) This is what I have now $(document).ready(function() { // style1 $("#style1").click(function() { $("link[rel=stylesheet]").attr({href : "style1.css"}); }); // style1 $("#style1").click(function() { $("link[rel=stylesheet]").attr({href : "style1.css"}); }); // style2 $("#style2").click(function() { $("link[rel=stylesheet]").attr({href
combining jquery plugin with classic asp
I would like to use the jquery-week-calendar within an existing project created in classic asp. But I don't know where or how to start combining it all. any help would be appreciated...
Select list value of the disabled attrribute never set
Hello I am newbie and this is my first post. I am trying to set disabled attribute of a select list. Attribute is set but the value never set. This is my code. jQuery("select[id$=MultiPickList1]", this).attr('disabled', 'disabled');This is the html <seclect disabled="" />I do not know why the value is not set. And this is only for disabled attribute. If I change the attribute name then it set without problem. eg - jQuery("select[id$=MultiPickList1]", this).attr('attribute1', 'disabled'); html - <seclect
Show alert when moving to other page without saving current page
Hi, My requirement is, I have multiple pages in tab format. If i am on first page in edit mode and change any control's value and without saving information i click on other tab that particular time a popup should appear showing validation message say "you are moving without save and it will loos all changes either click ok to loose the changes and move to other page or click cancel to remain on the current page." I tried using var isDirty = false; var msg = 'This page has unsaved changes.\n\nClick
Can't get function to execute.
Hi, I am new to JQuery. I was trying to get a very simple bit of code to execute and nothing happens. I am using VS 2010 and JQuery 1.4.1. I created a sample ASP.Net web app project and added a button and a JQuery Click function. I have tried variations of it that I found on the net. Can anyone see what I am doing wrong with the following? Thanks. Here's the complete code: <%@ Page Title="Home Page" Language="vb" MasterPageFile="~/Site.Master" AutoEventWireup="false" CodeBehind="Default.aspx.vb"
Object doesn't support this property error
Hi, I have a table and it contains an asp .net Literal control. The literal control has some dynamic contents in it. I was trying to hide this whole table on user action; e.g. when an icon is clicked. So I tried like: img_crevents.click(function(){ if (tab_crevents.is(':hidden')) { ....... tab_crevents.fadeIn(delay_seconds); tabBottomContents.hide(); } })But I get 'Object doesn't support this property' error. How
popup bubble with dynamic div id
Hi, I have a series of dynamic div ids like <div id=dumm1>aaaa</div> <div id=dumm2>bbbb</div> <div id=dumm3>cccc</div> Now onmouseover there is a popup bubble box appearing... jquery code: $(document).ready(function() { $('#dummy1').SetBubblePopup({ innerHtml: '<p>You can set any HTML tag<br />inside this popup!<br /><a href="action.php?pid=">this is a link</a></p>' }); Now i have modified this a little bit with <div id="dummy<?=$get_rec['pid'];?>"
Change URL through javascript
Hi everybody I need help in changing the URL of the current page for example from www.testsite.com/version_de to www.testsite.com/version_gb by clicking on a link Can anybody tell me how to do this? something with the window.location but i couldn't figure out how. Any help appreciated. Thanks.
Javascript or jquery
Hi, I want to start learning JQuery, but may I start by Javascript first ?
help grabbing content
hello I have not had to much luck so far grabbing the content between two <br /><br /> either side of the content is this possible with jquery? Example of the code below <br /> <a href="#" class="nav">Site Name</a> :: <a href="#" class="nav">Administration Area</a> :: Admin Page One<br/> any help would be great thanks.
Changing image source
Can I change an image source on user click? I tried like: createEventByDescOpen.click(function(){ $('#imgCreateEventByDescOpen').src = 'images/myimage.gif'; CreateEventByDescSection.fadeIn(delay_seconds + 200); }But it doesn't work. How can I do it? Thanks.
Using variable for a css style in jQuery code
Hi, I am trying to use a variable for a css like: tab_infocenter.css({position:relative;left:tempX;)});Where tempX is a variable. Its giving me error. So what is the correct way to do it? Thanks.
Problem with margin on css
Hey, my question will probably seem silly to experts but I am starting with jquery. I have this page online so I can show you my problem : http://divas.icwacatch.com/exemplenet.htm. I want to have no top marging and no left marging and I can't find a way to make it work. I tried all I thought about and can't find the solution. Anyone can help me on that?
trouble getting started with jquery
I'm new to using jquery and web development all together. I'm using the wampserver download that installs apache server, php, and mysql database. I'm trying to figure out where to extract the ui files. I saved the main jquery file in my www folder. My question is: based on the typical layout of when wampserver is installed, where and how should i extract the files after clicking the "build custom download" on the jquery page. I figured that i should save them in the www directory. Second question:
Using cloud carousel, want to make it move to a specific image when mouse hovers over a link
Hi, I hope that wasn't too vague, I'm a complete newbie when it comes to jQuery, I don't know any of the right terms to describe things! Here's the page I'm working from: http://cerysjones.co.uk/knitting Each of those images will be associated with one of the list items above it, I want to make cloud carousel move to the specific image associated with that list item when the list item is hovered over. I realise this is fairly complicated for someone with no prior jquery knowledge, but jumping in
jQuery selector doesn't work with fadeIn/fadeOut
I am simply reposting my question from StackOverflow, in order for more eyeballs to see it. Please respond! http://stackoverflow.com/questions/3632881/jquery-selector-doesnt-work-with-fadein-fadeout
problems downloading jquery
when i try to download jquery from the main page, it goes to another page that shows the source code for that page but doesn't allow me to download anything. Its like my browser is not parsing the page or something. does anybody know what's wrong?
Next Page