Ironing out a slider div
I have two divs; #main-content-portfolio is floated below #main-content-info. I use a button with a class of .slide-button-one to trigger the following .slideToggle function: $(document).ready(function(){ $('#main-content-info').hide(); $(".slide-button-one").click(function(){ $("#main-content-info").slideToggle(800); return false; }); }); I want #main-content-info to be initially hidden as the whole page loads, and only then the #main-content-info becomes 'hidden' so my question is how can I hide
Ajax form submission
I had this working until I had to add a check box to the form. Everything now works except the sql query. My jquery looks like this (php to follow) var dataString = 'name=' + name + ' & email=' + email + ' & note=' + note + ' & news=' + news; //alert (dataString);return false; $.ajax({ type: "POST", url: "form/process.php", data: dataString, success: function() { $('#contact_form').html("<div id='message'></div>"); $('#message').html("<center><h2>This
If checked checked
All I am trying to do is change a value if a checkbox is checked. This is for if a user wants to receive an annual news letter my code is is a document function along with the other functions that work. When this code is in my jquery fails on the page and I get a firefox error of "missing ) after condition" with a pointer to the first brace. Please let me know what I am not getting correct. var news = "no"; if ($('#check:checked') { news = "yes"; }
$("div") how toget div.children.text();?
Hello, Can someone explain to me how to get the value(text) from div id="two". <div id="content" class="content"> <div id="one" class="test">joop</div> <div id="two" class="test">kees</div> <div id="tree" class="test">gert</div> </div> I try , $(this).click(function() { alert($(this).html()); }); but this is wrong. Thanks, Jan
Loaded up new jQuery 1.4 and now sucess callbacks don't work
Hey guys, really excited about the new 1.4 release. Looks like a lot of good stuff. Anyway, I've been using the json format to pass data back from the server and after upgrading to 1.4 I'm getting the parsererror, even when I simplify my response to something like: { "test": [{"value": "New", "onclick": "blah"}] } In php I've been using: header('Content-type: application/json'); to set the header. Any help would be appreciated. Guess I'm stuck using the older version until I find a solution.
Not Submit till the $.post is done. [Possible?]
This is my Function: $("#form_vip").live("submit",function(){ var duracao_vip = $('#duracao_vip').val(); $.post("ajax/soma_dos_servicos.php", { duracao_vip: duracao_vip, tipo: 'vip' }, function(data) { //alert("This should return true!"); if(confirm(trim(data))){ return true; }else{
Forum feedback
This forum seem to be unconventional in compare to most forum that I have encounter plus the signature definitely work differently! PS: It seems to be slow at time! and the "loading" seem to take a bit of time to "loading" http://ongetc.com (COAddOns project)
MosCom use jQuery
I develop a commenting system for Mambo forks which include Joomla and MiaCMS. I have use jQuery for my basic javascript stuff but I extend further to also use it as a mean to validate and block spam post. jQuery seem to make MosCom more interactive and block spam post very effectively. My user comments was when they use MosCom their spam post are drastically reduce.Mind you I have look at many other javascript engine before for a long time before I decide on jQuery. Mostly due to jQuery design
Capturing Live HTML Page To a jQuery Object
My background is C++ and C#. Using basic selectors and filters in jQuery is not a problem for me. My problem is finding the right jQuery code to capture a live html page and assign an object which contains all the html text I just captured... then I can use the object to apply basic selector and filter functions to create another page. Any small bit of jQuery code or explanation would be helpful. Thanks. sundownr
Getting and changing value in an innerHTML area
Hello, can anyone help me i am trying to get and change a little part out of a tag-contruction, which i am not allowed to change. <div id="name"> <p><span id="nameheading">name: </span>Jan Jansen</p> </div> if someone could show me how i can isolate the name ("jan jansen") only, so that i am able to replace it. thanks for your help. Nickolaus
slideDown() and slideUp() effect -- clear queue? queue false? prevent that buildup of sliding
Hi, I have been using jQuery for quite some time but still am unclear on the solution to this problem I run into many times. $("#large-image").hover(function() { $(this).children('#title').slideDown(); }, function() { $(this).children('#title').slideUp(); }); So the problem with this is that if you roll on/off several times, the sliding queues and continues expanding/retracting after the final mouseout. The solution I have been using is .stop(true, true). $("#large-image").hover(function() { $(this).children('#title').slideDown();
how do I change my user name w/ zoho?
I was assigned a username but I can't figure out how to change it to my irc handle. pls advise. I have gone into my account at accounts.zoho.com and couldn't find a place to change it there
Error/Bug? BlockUI problems.
Hi guys. As I'm sure you've heard countless times before, jQuery is a product I cannot live without, I use it on every app I create. From the simple to the massively complex, it cuts down my coding time massively, and since I live from my coding, I can't thank you guys enough for making coding a joy once again. Your latest release, v1.4 produces the following error: uncaught exception: [Exception... "Could not convert JavaScript argument arg 0" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)"
jquery animate really slow
The issue is the scrolling animation in internet explorer. Basically all I have is a wrapper with overflow:hidden and a container inside of it that holds the gallery rows(which has the images about 50). Now I have 2 buttons for next and previous. The code for them is basically this: $('#container').animate({ 'left':'+=400px' }, 2000); Now in google chrome and safari this animation performs beautifully. In firefox it is a little sluggish but nothing that I couldnt live with. However, in IE you dont
Unable to see what's inside the XMLHtttpRequest object
Hi, I'm trying to use jQuery to get the two-letter country abbreviation from a URL that does exactly this. You give the URL your IP address, and it spits you back the string. Try it: http://nl.ae/iptocapi.php?type=1&ip=208.48.2.130 When I try to get this to display on my page using jQuery, however, all I am getting back as the "data" is "[object XMLHtttpRequest]". I am thinking this has something to do with the fact that it's not coming back as HTML? It's just "US" as a plain text string. Does
Issue with form in a modal box
I'm not sure where the problem lies so any help regarding this problem would be great. Firstly the plugins I'm using are... jquery 1.3.2 jquery Form Plugin 2.36 Colorbox 1.3.5 I've built a login/registration script via a popup modal box and not using the iframe option on colorbox. You can login fine and when you click on register its fine, however when the registration form loads up it doesn't load the ajax document. This is the jquery code from the register.php page $(document).ready(function(){
Images in slider showing up while page loads
Is there a way to ensure that only the first image in my image slider shows while the page is loading? Currently all of the images appear stacked on the page until the page has finished loading. Here is a URL to the site: http://cms.burlington.ca/page11.aspx Thanks in advance!
Clicking on '(xx replies)' link next to the topic in Zoho jQuery forums leads to their 404 page
I am not really sure where to post this issue, but since I am a jQuery forums user and since this happens to me in the jQuery forums but not in other Zoho forums, I thought I should perhaps post it here. Does this happen to anyone else?
Chrome Javavscipt Debugger vs Firebug
I have been using Chrome since it came out and using the javascript debugger in it... I have never used firebug and was wondering if anyone has used both and prefers one or the other? What are the differences
inserting html content into iframe
hey! my script looks like this: var doc = frames[0].document; doc.open(); doc.write(data); if($.browser.mozilla){ setTimeout( function() { doc.close(); }, 3000 ); } else{ doc.close(); } "data" is a string with html content. this works quite good in all browsers but I wonder if there is a better solution. firefox doesn't load the content correctly if the content is too large and doc.close() is called too early. ideas?
how to create a plugin and getjson issue
Greetings, I want to conver this funtion into a Jquery plugin, I have like 2 days trying to make it work, but i'm stuck. The other thing is when i created it as a function, i can't get it to wait for the $.getJSON response to return it. here is my code: function versechooser(verso,version) { miversion= (version == null)? "RVR1960": version; $resultado = null; url = "http://query.yahooapis.com/v1/public/yql?" + "q=select%20*%20from%20html%20where%20url%3D%22"+ encodeURIComponent("http://www.biblegateway.com/passage/?search="
hello Can i use multiple css for a single page
i have developed one project and in that i have taken two css now i want to add jquery effects in that but my display is not properely adjusted and extra enlargement is done so how i can add jquery in my php project without affecting another effect???? And one more thing where i can get the jquery effect codes?? thanks in advance
How do I capture a live html page?
I am new to jQuery. My background is C++ and C#. Once I have the html using selectors and filters is not hard to understand. My problem is understanding how to capture a live html page in jQuery and assign the page to an object which I can then use to extract information using basic selector and filter functions. Any small bit of code would be helpful. Thanks, sundownr
Congratulations
Well done for all the recent improvements in jQuery and well done in rising the quality of it's www presence ! --DBJ
Blocking a DIV when loading the contant
Hello, I am trying to achieve the same thing as this website. http://www.onforce.com/?page=search&identifier=4b4f51bec5cb0 When you click on the next page, or last page, the <DIV> get lock with a updating message. How is that done?
Click Incrase automatically
I need some help with JQuery: I have a text of the field that receives value from 0 to 30 And to the side exists two arrows : he adds and he deducts the value, here okey. Problem: I want to make with that when the click and to keep exerted pressure of mouse on the increases, increase the value automatically, without needing clicking all time tanks : ) NandoBas - Curitiba - Brasil
jqeury ajax only works in IE with async:false
Not the best option obviously ... anyone else experience this. It looks something like this ... function getTickets(i,o) { //alert(o); var getURL = "http://myURL+params"; var returnContent = $.ajax({ async:false, type:"GET", cache:false, global:false, url:getURL, dataType: "html", success: function(msg) { gotDataBack(msg,'targetContainer'); } }).responseText;
Need parent of replaced link
Hi all, Sorry if this problem has been posted and solved before, I've tried searching but am stuck. I have database that displays results. These results are called using .load() into a Div. <div id="ajaxresults"> <a href="calllog.php?hire=<?php echo $id; ?>" class="glink">View Call Log</a> </div>Here is my jQuery code $("a.glink").live("click", function(event) { event.preventDefault(); var url=$(this).attr("href"); $(this).parent().append('<span><img src="images/ajax-loader.gif" /></span>'); $(this).parent().load(url,'',
Trouble changing print font sizes
Hi there, I have implemented the ability for users to change the font size on my website. I wanted the change to be reflected when a user prints the page as well. So I am using the following code when they change the font size $('<style media="print"> body {font-size: 14pt;font-family:Tahoma,sans-serif;} </style>').appendTo('head'); This works in that the font in the print changes. But the font in the print is much smaller than on screen. So I tried making the print font bigger but this didn't make
Multiple Form Issue
Hey, When I have one form on a page, I can grab the id of the submit button and process it with the following code: $('#sresbtn1').click(function () { ... code } sresbtn1 = the id of the submit button. But what happens if I have multiple forms generated from db results and dynamically name each submit button differently, such as sresbtn1 for form #1 and sresbtn2 for form 2 etc... --> all the way to 10+ forms per page. How would jquery allow me to recognize which button was submitted. Should
IE doesn't support setInterval?
I was trying to use a jQuery timer to repeat a function at intervals, but it didn't work in IE. Then I read that IE doesn't support setInterval, which seems amazing. Did I read this right? And if so, what do I use in jQuery to keep repeating a function at intervals? I've tried a few things and they all bomb out in IE, just doing something once, although they work in FF. What works in the execrable IE and real browsers?
Anchor Tags Not Working in IE
So i'm creating a page with unordered lists housing a large range of numbers. I want to dynamically create anchor tags and write them in before each UL. In FireFox it works just fine, however; in IE7 the anchor tags won't work. Anyone have any idea what may be causing that? Here's my code: $(document).ready(function(){ $("ul").each(function() { var $li = $(this).find("li"); var $first = $li.filter(":first").text() var $last = $li.filter(":last").text() $(this).before('<a name="'+$first+'">
trigger blur event only under certains conditions
Hi, i'm developing an app like google calendar. I've one field to add the time. Like google calendar, when i focus on time field, with jquery i create a div with a list of possible times (10.00, 10.30, 11.00, 11.30..... etc). When i click on one hour, triggers a remove event to delete the dv with the list of "times". My problem... i need that the div created being removed when I click on other field. I try this: $("#time").blur(function() { $(#times).remove(); }) But when i click on one hour
timers in IE
I'm trying to use a jQuery timer but it doesn't seem to work in IE. Then I tried plain old setInterval and it doesn't work in IE, my eternal curse. I'm reading on the net that IE doesn't support setInterval. Am I getting that wrong or if I'm not, how do you set a recurring interval in IE? What's happening is the function I'm calling only gets called Once, no matter what I do.
PHP Dynamically Created Form with AJAX: No Data Passed?
I have some forms whose ID's are dynamically created via PHP by including a variable called "invno" as shown here: <form name="formEditInvoice<?php echo $invno ?>" id="formEditInvoice<?php echo $invno ?>" method="post" action="javascript: SubmitEditedInvoice(<?php echo $invno ?>);" onsubmit="javascript: return ValidateForm(this);"> As you can see in the "action" attribute, I'm calling this function: function SubmitEditedInvoice(invno) { $.post('output.php?mode=6&invno=' + invno, $('#formEditInvoice'
Need Some Guidance
For some reason when I use the jQuery Vertical Sliding boxes , I go to the page I’m using them and while the page loads and before you hover over it, it looks like this http://i50.tinypic.com/21m6xkh.jpg but after you hover over it and the page is fully loaded it comes to look like this. http://i48.tinypic.com/s145mc.jpg And thats how it’s suppose to look from the beginning but for some reason it locks up top until you hover over it and it will slide to the bottom. Anyone know what I’m doing wrong?
Open jquery accordion menu using <a name> attribute
Hello, I have a page that uses jquery accordions (http://www.keene.edu/grants/fdg.cfm). The page is set to have the top menu open when the page loads. What I'm wondering is if I can link directly to one of the menus and have the menu expand at that point. I can get to an individual menu heading on that page using the 'name' attribute for the anchor tag, but is there a way to have the menu expanded at that point? Thanks for any help.
HELP! Need to trigger a tab via a regular hyperlink
I know the site shows that you can trigger a "tab" with a regular hyperlink. But for the life of me i can't make it work :( This is the script I'm using to "fade in/out" my tabs. It is in the <head> tag <script type="text/javascript"> $(function(){ $("#rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0); }); </script> Do I need to place this script below somewhere in the <body> or in the <head>? <script type="text/javascript"> var $tabs = $('#fragment-1').tabs(); //
Load works but blocks other events
Hi, I have an error and I don't know how to solve it. Well I load a page into a div called 'entry_container' for my WP theme and I use this function: $('.read_more a').click(function(){ var idd = $(this).attr("href"); $("#entry_container").load('?p='+idd); return false; }); Works fine but then, blocks all events outside this div and dont work any jQuery event like hover, click etc. Shows NULL. Can someone help? Thanks in advance.
Help with JQuery Alert. Urgent
function validateData(form){ jConfirm('Would you like Ice Cream', 'msgBox Title', function(r){ if(r){ alert('you replied yes!'); }else{ alert('you replied no!'); return false; } }); if(!checkSearchCriteria(form)){ return false; } // SUBMIT FORM HERE } function checkSearchCriteria(form){ // some checjing } whenever my button are triggered to call validateData method, it doesnt stop at wait at jConfirm
Next Page