[jQuery] some novice questions
I have this: http://www.crtaci.info/majice.html which i am loading here and adding some content with jquery: http://www.crtaci.info/index.php?autocom=majice $(function() { $.ajaxSetup ({ cache: false }); var loadUrl = "majice.html"; $("#majice").load(loadUrl); setTimeout(function() { $(".tShirt").wrap("<div class='majica'></div").after("<span style='display:block'>[od 790. dinara]</span>"); }, 2000); }); Now, what is the best way for me to do the following:
Jquery UI Tabs Panel Animation
I want to be able to animate the panel sliding it in from left to right. This is what I have: $("#tabs").tabs({ selected: null, fx: { width: 'toggle', opacity: 'hide', duration: 'slow', height: '600px'} }).addClass('ui-tabs-vertical ui-helper-clearfix'); It doesn't do what I want it to. It takes the width and slides from right to left and it isn't exactly what I consider sliding. Any help would be greatly appreciated.
How to make Facebook like Ajax content loading?
Hi, I want to make a content loading via AJAX like Facebook. Let me explain, Navigate one of your friend's profile, and then click to Info when you are on his/her profile page, you will see something like in the address bar: http://www.facebook.com/home.php#/profile.php?id=123456789&v=info&viewas=111222333&ref=nf " #/profile.php?id=123456789&v=info&viewas=111222333&ref=nf " When you try to navigate to http://facebook.com/profile.php?id=123456789&v=info&viewas=111222333&ref=nf It displays all other
Make a selected tab unclickable.
I've made this tabbing system you can see here: link My only problem is that even once you select a tab, it still remains clickable, so it just reloads the same div over and over if you keep clicking it. I've tried using .unbind("click") but I can seem to make a tab clickable again once it's unselected. Anyone know how to fix this? Help would be greatly appreciated.
How to me more elegant
Hi, My aim is to have one div element move up when there is a mouse over and another div element to become visible when the same mouse over effect takes place. I managed to do this you can see the video here http://www.youtube.com/watch?v=kmdx4p_FE4M and the code I used is here http://pastebin.com/m1b729888 but my problem is that its really fast I want to slow it down. I want it to look something like this http://www.youtube.com/watch?v=Yh3P1ReCd1c So my question is how to I implement a speed limit
Replacing JS Function
New to JQuery, but making progress, not sure how to describe this issue, so stay with me. In JS I would build a function that I could call from a variety of actions, including other functions. eg.. function dosomething(someparam){ // does something. } function dothis(){ //do this thing, then... dosomething('somevalue'); } In JQuery I would call a method using the selector eg. $('#someselectorID').click(function(){ alert('you clicked on this thing'); }); What I can't see yet, is how to
[jQuery] new site on the "sites using jquery list?
Hi all- It's been a rough month (lots of changes to be made) but, we've converted a lot of the javascript functions on FunAdvice to use jquery now :) Can we get added to this page, please? http://docs.jquery.com/Sites_Using_jQuery Thanks.
Jquery tab movement - tab from left to right
Hello. Please, can you give me advance how to move tab from left to right? Example: I have 3 tabs, when I click to any tab then it moves that from left to right and it puts as last one. Does exist any solution for this? Jan
[jQuery] Tablesorter: default (not initial) sort order for a column
Using the Tablesorter plugin, I would like to be able to force ascending or descending ordering on a column whenever it is clicked after the table was previously sorted by another column. For example, suppose that at some point in time column A is sorted ascending and then I go and sort by column B. When I come back and sort on column A again, it will sort descending because it was previously sorted ascending. But I want column A to be sorted ascending, and only have it sort descending if the user
Jquery UI Tabs Panel Animation
I want to be able to animate the panel sliding it in from left to right. This is what I have: $("#tabs").tabs({ selected: null, fx: { width: 'toggle', opacity: 'hide', duration: 'slow', height: '600px'} }).addClass('ui-tabs-vertical ui-helper-clearfix'); It doesn't do what I want it to. It takes the width and slides from right to left and it isn't exactly what I consider sliding. Any help would be greatly appreciated.
[jQuery] appended element problem
if i append an link to the page the function preventDefault() dont work if i click on it anyone know how to prevent default action of an appended link? <html> <head> <title>Page title</title> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script language="JavaScript" type="text/javascript"> <!-- $(function () { $("a").click(function(event){ event.preventDefault(); }); $('#content').append('<a href="index.php">Appended link</a>'); }); //--> </script> </head> <body> <a href="index.php">Normal
[jQuery] Problems with form validation
Please forgive my ignorance on the matter. I've only recently switched from pHp and older JS conventions am not quite used to the varying syntax. Here goes: I am building out new forms for my company and am using jQuery for the form validatin. The form has sets of hidden questions that will display based on their country location (which they select from a dropdown). For simpicity sake, I"m just having the questions hidden/shown based on that selection. So for the form validation, those questions
[jQuery] Problem with form validation. Help/Suggestions Appreciated!
Please forgive my ignorance on the matter. I've only recently switched from pHp and older JS conventions am not quite used to the varying syntax. Here goes: I am building out new forms for my company and am using jQuery for the form validatin. The form has sets of hidden questions that will display based on their country location (which they select from a dropdown). For simpicity sake, I"m just having the questions hidden/ shown based on that selection. So for the form validation, those questions
[jQuery] handling of click event?
jQuery People, Suppose I have this syntax: $("a.someLinks").click(function(event){tellme();}); I want tellme() to handle the value of href of the clicked link. What syntax do I put in tellme()? I got this far: function tellme() { // does not work: alert($(this)[0].href); // does not work: alert($(this)[0].getAttribute("href")); // This only works in Safari: alert($(this) [0].event.currentTarget.href); } Here is a bigger question: How would I get this info from the API documentation? -Audrey
Disable show/hide functionality for problematic IE 6
I've discovered that a Jquery show/hide function isn't working in IE6, and as it works fine in all other browsers, I'm tempted to disable the effect and just have everything showing in IE6. However, I'm not sure how to do this. Is it possible to do this using a IE6 conditional comment following the Jquery script? Or some other way? I haven't had luck thus far. Thanks for any assistance. <!-- HTML --> <div class="classname"><a class="showhide" href="#">Link name</a></div> <div class="hide">Hidden
Autocomplete on select function
I have a autocomplete box using this plugin http://bassistance.de/jquery-plugins/jq ... ocomplete/ Returns results no problem. I can't get my head round how to add an event when a selection is made. Basically when someone selects one of the autocomplete options I want to redirect to a specific page (index.php?cms&p=tpl&s=edit&tplid='id of selected option') $(document).ready(function(){ $("#searchfield").autocomplete('index.php?acms&s=ajax&amod=tpl&ajax=search'); }); hope
keep div visible when hover
Hello $("p").hover(function(){ var pos = $("#p").offset(); $('#test').css({"top":(this.offsetHeight+pos.top)+"px","left":(pos.left),"width":this.offsetWidth}); $('#test').fadeIn("slow"); }); $("#test").mouseout(function(){ $('#test').fadeOut("slow"); }); HTML <p id="p" style="top:100px; left:100px; position:absolute; ">Click or double click here.</p> <div id="test" style="background-color:Green; display:none; position:absolute;">test div</div> What i need is when i hover over to Paragrah the div
[jQuery] Help Add variable to jquery file tree
I'm using jquery file tree plugin and my document head goes like this: <script type="text/javascript"> $(document).ready( function() { $('#fileTreeDemo_3').fileTree({ root: 'download/', script: 'conector.php' }, function(file) { alert('right click and save as...'); }); }); </script> On my html i have a table that contains the folowing <td id="cbfv_55" class="fieldCell">.....</td> Now I want to have a variable instead
[jQuery] a question for ajaxStart function
I use the jquery-1.3.2-vsdoc2.js but when i debugged the code,Visual Studio said Microsoft JScript Run-time error: 'f' undefined, and VS jump to the code jQuery.fn["ajaxStart"] = function(callback) { /// <summary> /// Attach a function to be executed whenever an AJAX request begins and there is none already active. This is an Ajax Event. /// </summary> /// <param name="callback" type="Function">The function to execute.</ param> /// <returns type="jQuery" />
[jQuery] :first relative to clicked element
Hi I'm just learning jQuery and have some troubles with the selectors. I'm using this (found in the basic training file) to show and hide a Blockquote paragraph. $('#content').find('blockquote').hide().end().find('h5').click(function () { $(this).next().next().slideToggle('slow'); $("h6:first").slideToggle('slow'); }); Basically I have a <h5> with a title, then a with the first paragraph of text, and then I have the rest of the text wrapped in a <blockquote> tag (this is all WordPress, that's
Why autocomplete got removed in the new jQuery UI?
Anyone know? It got replaced with the progressbar?
[scrollTo / localScroll] scroll body on click in one direct.
Hi there. (first: please don't hurt me if this was asked before... the search returned no results.) I am using jquery with localScroll and scrollTo by Ariel Flesler, whch is working well. But now i want to make a certain id scroll the body each time on click +500px on the x axis and i do not find out how. Do you know, what i mean? (pls sorry my lousy english) best, s.
How to get this effect
Hi, Please visit site www.sap.com and the video http://www.youtube.com/watch?v=Yh3P1ReCd1c I want to achieve the same effect in jquery where a div tag moves on hover. I tried slide in and out they they just made the element appeat and disappear I want the div tag to go over other elements when this is a mouseover. Please advice ur help will be highly appreciated. Cheers, Vishal
[jQuery] How to have a smooth transition ?
Hi, My aim is to have one div element move up when there is a mouse over and another div element to become visible when the same mouse over effect takes place. I managed to do this you can see the video here http://www.youtube.com/watch?v=kmdx4p_FE4M and the code I used is here http://pastebin.com/m1b729888 but my problem is that its really fast I want to slow it down. I want it to look something like this http://www.youtube.com/watch?v=Yh3P1ReCd1c So my question is how to I implement a speed limit
[jQuery] JQuery ClueTip Arrow Issue
Without making the tooltip fixed is there a way to have the arrow pointer always display in the same position to the left when it hovers over the selector? i.e. the left arrow will always display in the middle of the container
cross site ajax problem [SOLVED]
Hi, I'm new to jquery or ajax, and I have run into a simple problem almost exactly like this. The topic is marked [SOLVED] but I can't see a solution. I can use .get or .load to get a page on my server like $('#result').load("helloworld.html"), but failed to get anything back with url starting http:// And I see my request (from firebug) is a OPTION instead of GET... any idea with that? Can anyone tell me why the code below doesn't work (by alerting success)? (FYI, What I'm trying to do is to make
[jQuery] How to Clean Up Asynch Code
// what's a clean way to populate a list asynchronously and then compare the number of items in the list to a count? $(function() { populateList(); // this is an asynch call using $get - so the next line will not work. hideDivWhenListCountMatchAccountCount(); }); Should I change populateList to take a function and then pass in hideDivWhenListCountMatchAccountCount() as my callback which populateList will call when done? I do not want to change the populateList to act as a synchronous call.
[jQuery] Custom events in jQuery open doors to complex behaviors : organize code
Hi, What do you think about the article "Custom events in jQuery open doors to complex behaviors" by Rebecca Murphey? http://www.reynoldsftw.com/2009/04/custom-events-in-jquery-open-doors-to-complex-behaviors/ It seemed like an interesting way to organize code around a "widget" / component concept. What do you feel is a popular and well accepted way to organize jQuery code? Thanks. -- Michael Finney - "Always Striving To Serve You Better Every Day" http://www.SmilingSoftwareSolutions.com
[jQuery] validate plugin
Hello, I am using the "milk" sample but cant seem to find how the error message is styled AND where the "X" comes from. Also, I use javascript:'<xmp>' + window.document.body.outerHTML+ '</ xmp>' to show a rendered page but it doesnt show the "X" thier either. Thanks, Mike
[jQuery] Remove specific options from a select
Hi all, I'm having a devil of a time removing options from a select. Here's the scenario: I have one <select> that when an item is chosen, that item will be removed from all the other <select>s containing the same data: <select onchange="update_feat_sub_selection(chardata, 75, 0)" id="feat_75_multi_0"> <option value="0" id="feat_75_multi_0_option_0">Axe, Orc double</ option> <option value="1" id="feat_75_multi_0_option_1" selected='true'>Axe, throwing</option> <option value="2" id="feat_75_multi_0_option_2">Battleaxe</
How to select first and last LI in every UL?
I have a nested system of UL's to create a multi-level dropdown menu. I am trying to add classes ".first" and ".last" to the first and last LI in every UL, no matter what level in the menu. Current I have tried... $("#mainnav li ul li:first").addClass("first"); $("#mainnav li ul li:last").addClass("last"); But, this pulls a result of ALL LI's in every UL, so only the first LI in the first UL is styled, and the last LI in the last UL. How do I make it style the first and last LI in EVERY UL? THANKS!
[jQuery] Cannot get columns with rowspan to not be included in sorting (Tablesorter 2.0)
(Going to post this Here since JQuery Plugins seems Dead) Hello, I've been working on getting a table with a super header and sub headers to only sort by the sub headers. The example at http://lovepeacenukes.com/tablesorter/2.0/docs/ shows this is possible but everytime I try to run the code the items in the top row are used to sort columns starting with 0. I've tried two different versions of jquery and re-downloaded Tablesorter twice now. It seems as if this should be easy and I'm just missing
[jQuery] Effect on mouseover?
I've created a sample site with a bounce effect: http://dennismadsen.com/uploads/jquery/ I would like the effect to start when the mouse enter the outer div. But as you see this effect seems to repeat in Firefox and Internet Explorer. But it works in Chrome. How can I fix that? The below is a identic page which create an alert every time the hover event is invoked: http://dennismadsen.com/uploads/jquery/alert.html
Pagination with Lightbox
Greeting everyone. I am brand new to this all, and I've searched everywhere hoping to find an answer to my issue. I'm hoping someone here can help. I am currently working on a site where I must display a large number of images (cars). I chose to use the Pagination plugin for purposes of space and simplicity for viewing. No problem there. However, my goal is to bring up a Lightbox to display more images (details) of a particular image (car) when a user clicks on a single image (car) from one of the
jQuery: disable submit button if an error is found...
The code below will show the remaining character count. I'm trying to figure out how to disable the submit button if the user exceeds the 140 character count and re-enable once they're in the "safezone" again... I thought I could just add: $("#edit-message-send").css({disabled: true}); in the event of an error, and then $("#edit-message-send").css({disabled: false}); if they correct it, but it's not working in either situation... $(function() { if($("input[name='method[txt]']")) {
[jQuery] How to access jQuery/javascript [from] asynchronously loaded data.
I'm not sure I'm asking the question correctly, but if anyone could point me to the correct article or discussion, I'd appreciate it. (or just answer the questions if you are so gracious) After loading an html file asynchronously into a div on my webpage, I don't seem to be able to use jQuery within that called data. Example: I pull an html snippet into my web page using .load("file/to/ load.html"). In that file is an img, that when clicked, (I would like) to open a lightbox. This just doesn't work.
[jQuery] How to detect the browser close event using Jquery ?
Hi all, I'm having troubles trying to detect the browser close event. (in FF or IE) To do this I'm using these events: "unload" and "beforeunload", but both are more or less the same, I mean, when I refresh the page or navigate away thru some link, these events catch the same action, but I just need to catch the browser close event, no the page refresh, no the click thru, just the browser close... Anybody had the same problem ? Thanks all in advance!, Juan Manuel
[jQuery] ajaxStart() ajaxStop() problem
I have a page that has ajaxStart/stop as shown below to show some sort of indicator while an ajax request is in progress. The first time an ajax event happens, it works perfectly, the server renders some text on the page. After that it stops working on subsequent ajax requests. I don't see any javascript errors. Am I dong something wrong or how could I troubleshoot ? thanks <div id='loading' style='display:none'> Loading .. </div> .. .. <script type="text/javascript"> $(document).ready(function(){
[jQuery] jquery upgrade issue
Hi, I'm new to jquery. I was trying to use inettuts widget script with the latest jquery, but it shows error message in IE7 & FF3. It throws this message: uncaught exception: Syntax error, unrecognized expression: With no line number. I googled it, and someone mentioned its related to @attr string issue that was removed in latest jQuery. However, i didnt find @attr string in widget script. The script works fine with the jquery the site provided. I wanted to upgrade jquery before i starting to work
Scrollto a div center on any screenresolution
Is it possible to do align it from the center Our function is like this http://www.nofrks.com/ but we would like to make it center on the screen. BR Michael
Next Page