[jQuery] Superfish menu & French language
I'm wondering if there is a way to get special characters (French letters eg: É) to appear properly in the superfish menu. I'm using the code: É in the HTML list but when posted the special characters are not showing. Anything I can do to get them to render? Thanks!
[jQuery] Problem with Ajax callback function in jQuery
I have Javascript code that looks like this: var data1; $.post('save_search.php', formData, function(data) { data1 = data; } ); jsonData = eval('(' + data1 + ')'); if (jsonData.return_status.search("successful") > -1) $('#msg_div').html("<font color=red>Search was saved</font>"); else $('#msg_div').html("<font color=red>Search was not saved. Try saving again.</font>"); +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++ "data1" comes up as undefined in the statement
[jQuery] jQuery ready() not firing when page anchor in URL changes
It looks like jQuery's ready() function doesn't fire when the Back button is used if only the page anchor location in the URL changes. Example: Say you go to here http://mywebsite.com/#test1 then here http://mywebsite.com/#test2 and then use the Back button to go back to here http://mywebsite.com/#test1 and you have this code in the page <script language="javascript" type="text/javascript" src="/ jquery.js"></script> <script language="javascript" type="text/javascript"> history.navigationMode = 'compatible';
[jQuery] Superfish menu & French language
I'm wondering if there is a way to get special characters (French letters eg: É) to appear properly in the superfish menu. I'm using the code: É in the HTML list but when posted the special characters are not showing. Anything I can do to get them to render? Thanks!
[jQuery] slideToggle - form elements (checkbox) show before the animation IE6 and IE7
Hello all, Wondering if anyone has come across this issue I'm having with slideToggle and form elements on the show/hide content - all in IE6 and IE7. IE8 seems to be OK. I am using slideToggle to show/hide some form elements, checkboxes in my case. When the slideToggle is triggered, the checkboxes are immediately rendered, then the slideUp/Down animation occurs. Has anyone encountered this problem and is there a solution?
[jQuery] [autocomplete] trigger event if user rejects all autocomplete otions
Does anyone have a library or patch to call a handler if a user leaves an autocomplete field without choosing one of the autocomplete options - i.e. they've entered free text. I'm working with an app that populates multiple fields from a single auto-complete value, and our latest requirement is to clear out a bunch of fields if the user's entered something manually - rejecting autocomplete suggestions. My initial attempts at hooking into onkeyfoo and onblur haven't lead anywhere productive, and I'm
[jQuery] How to create XML
Hi All I need to create XML, for example, this is (simplified) what I have to do: var x = jQuery.makeXML('<myXML><version>8.1</version></myXML>) ; // this line is my problem!! console.log("Version = %s", $('version', x).text() ) ; Is this possible and what is the best way to do this ? cheers
[jQuery] Callback Not Working (As Expected)
I am looking to fade text out when the mouse passes over it and replace it with text that is faded in. My understanding is that this needs to be done through a callback, as the text needs to fade out completely before fading in. However, when I try to implement this idea the content does not fade in, so I must be doing something wrong. My code is: [Code] <script type="text/javascript"> var Tips = { ready: function() { $('ul#SiteNav li').mouseover( function() { $(this).find('div.SectionTitle').fadeOut('fast',
Callback Not Working (As Expected)
I am looking to fade text out when the mouse passes over it and replace it with text that is faded in. My understanding is that this needs to be done through a callback, as the text needs to fade out completely before fading in. However, when I try to implement this idea the content does not fade in, so I must be doing something wrong. My code is: <script type="text/javascript"> var Tips = { ready: function() { $('ul#SiteNav li').mouseover( function() {
Get the input value of "ANY" not first matched ele
Hi Guys, I am having difficulty getting the value of a specific value contained in a <p> tag. What is happening is that it retrieves the value of the first <p> tag value and not the on the user clicks. What I need is to retieve the value from the <p> tag the user click. Snippet code: $(document).ready(function() { $("p").click(function () { var prop = $("#property_links").val(); $.post("n10-shortlist-connector.html", { web_AGENT_REF: prop}); var htmlStr =
[jQuery] Getting form field values
I have a simple set of checkboxes: <input name="day1" type="checkbox" value="sun" /> Sun <input name="day2" type="checkbox" value="mon" /> Mon <input name="day3" type="checkbox" value="tue" /> Tue <input name="day4" type="checkbox" value="wed" /> Wed <input name="day5" type="checkbox" value="thu" /> Thu <input name="day6" type="checkbox" value="fri" /> Fri <input name="day7" type="checkbox" value="sat" /> Sat When the state of one of them changes I want to check the state of all of them. So far I
[jQuery] Simple Plugin for jQuery
I am trying to get a handle on creating a jQuery plugin. I have a function that I wrote a couple of years ago that returns a formatted email address. I want to turn that function into a jQuery plugin. Here is my function: [code] function makemailto(email,subject,text) { // Makes a nice mailto link var returnval; returnval = '<a href="mailto:' + email + '?">' + email + '</a>'; if (subject && text) { returnval = '<a href="mailto:' + email + '?subject=' + subject + '&">' + text + '</a>'; } else if (subject)
Hide DIV at pageload?
Hey, I found a really usefull script and it works fine. I especially loves that the text changes on the button! for explanation it's a button that says "hide the div". when you click on it it hides and the button says "show the div". So far everything's perfect. My problem is, that I want the div to be hidden at the pageload and not shown. So to say the other way round. Can somebody help me? This is the code: <script type="text/javascript"> // jQuery fadeToggle plugin jQuery.fn.fadeToggle = function(s,
Validation stopped working
Hi there - the validation on my page has stopped working - the form is displayed as a modal - then submitted to a php page for the db entry part Here is the javascript part <script type='text/javascript' src='/ontime/js/jquery.validate.js'></script> <script type="text/javascript"> function valid_address() { $("#addressValidateEng").validate({ rules: { company: "required", contact: "required", tel: "required", }, messages: {
[jQuery] Code Not Working on IE
I'm using to parse the response coming from '.aspx' page. Response comes in the form of 'text/xml', which is rendered very well in all browsers except the IE.:,( I did uploaded my code on the server but the problem exists. Can any body tell me what can be the problem & how I can resolve it? Following is the JS Code: __________________________________________________________ function GetXMLResponse(url) { var $urlToSend = url + "&random=" + Math.floor(Math.random() * 100001); $(document).ready(function()
Code Not Working on IE :cry:
I'm using to parse the response coming from '.aspx' page. Response comes in the form of 'text/xml', which is rendered very well in all browsers except the IE. I did uploaded my code on the server but the problem exists. Can any body tell me what can be the problem & how I can resolve it? Following is the JS Code: __________________________________________________________ function GetXMLResponse(url) { var $urlToSend = url + "&random=" + Math.floor(Math.random() * 100001); $(document).ready(function()
[jQuery] unsubscribe
I don't know what's wrong and I can't seem to solve this
Hello! I have a problem and I really don't think that it'd be a problem, if you know what I mean I'm creating a site using AJAX and I would like for an ajax loader to appear in between the page loadings. $("#menu ul li").click(function(event) { $("#ajaxLoader").show(function() { alert('hello'); }); setTimeout("jQuery.fn.test("about");", 3000); }); }); jQuery.fn.test = function(page) { $("#content").load(page
[jQuery] ajaxSubmit encoding problems
<div>Hi all,</div><div> </div><div>I have a little problem here with ajaxSubmit when submitting a form. The point is that any special characters like "á" or "ç" (they are from latin, portuguese) are going to the server replaced by strange characters, like "<span class="Apple-style-span" style="font-family: Verdana; ">ç<span class="Apple-style-span" style="font-family: arial; ">"...</span></span></div> <div> </div><div>I`m sure it is just an encoding problem, so how can I set encoding after ajaxSubmit?</div><div>
[jQuery] Dropdown menu Issue
So I got a bit of a issue. I have a working dropdown menu animated on hover with slideDown and slideUp. But the problem is if I move off and on the menu quickly it will repeat the slideDown/Up effect. So I thought I would add stop() right before slideDown/Up and that breaks it. It'll work for the first couple times but then it starts cutting the menu off. Its really weird. Does anyone have a suggestion? Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[jQuery] Hey ive got a question about a realy basic thing im trying to implement
Hey ive got a question about a realy basic thing im trying to implement on wordpress with Graphpaperpress's Modularity theme. Here it is: <script type="text/javascript"> $(document).ready(function() { alert('slickBox & JQuery Loaded'); // hides the slickbox as soon as the DOM is ready // (a little sooner than page load) $('.slickbox').hide(); // toggles the slickbox on clicking the noted link $('a#slick-toggle').click(function() { $('.slickbox').slideToggle(400); return false; }); // closes
[jQuery] JQuery Function Menu Fade
Hi Guys I would appreciate if someone could guide me and provide some help into building a menu like this <a href="http://www.stunicholls.com/menu/pro_dropdown_2.html" target="_blank">http://www.stunicholls.com/menu/pro_dropdown_2.html</a> using the ordered list below. The Fade issue I would like to compose is when hovering the LI items to have the sort of Fade In/Out on hover rather than the static Color. I suppose it would be possible to fade In/Out a background image set on the LI attribute. My
[jQuery] using attr() on html element
I'm trying to "turn" the border for input fields on (or off). In my css I have border-style:none, and I want to turn the border back on if the first input is empty. $("input[type='text']").each(function() { $(this).attr("border-style", "inset"); }); The above code loops through the correct set of text input fields, but the border is not "turned" back on? I've been using jquery for a couple of weeks and use javascript infrequently, so jquery is very helpful in implementing my projects. Is the css
[jQuery] click-event-handler for dynamically created a-elements?
Hello, I've been working with jQuery about 20 hours now. I like it. I am looking for a demo of putting an a-element inside a div-element. This seems to work: $("#div99")[0].innerHTML = "<a id='aInDiv99' href='#'>I am in div99</ a>"; I'd like to handle its click-event. I wrote this: $("a#aInDiv99").click(function(event){alert("hello world");}); The click event does not fire when I click 'aInDiv99' Is there a recipe for writing a click-event-handler for dynamically created a-elements? Oh, here is my
JQuery Working in IE not in Firefox
Hi, I am newbie to jquery.I am working in a page it is working fine in IE not working in firefox.What is the actual problem? My Code : <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> <script> function suggest(inputString){ if(inputString.length == 0) { $('#suggestions').fadeOut(); } else { $('#country').addClass('load'); $.post("http://mydomain.com/testfolder/ajax/auto.php", {queryString: ""+inputString+""}, function(data){ if(data.length
datepicker on dialog
Hi, <script type="text/javascript"> $(function() { $('#myDiv').dialog(); $('#myDiv').dialog(open); $('#datepicker').datepicker(); }) </script> <div id="myDiv"> <input type="text" id="datepicker"> </div> When dialog pops up and when I want to select date from datepicker bu clicking on input datepicker is under dialog. What option make it to be on top ? thanks for help
dialog afetr clicking on image
Hello I Have an image and onlick dialog appears $('#.myImg').dialog(); It works fine but when I close the dialog and click on the image again nothing happens. Thanks for help
[jQuery] any toolkit to validata the 'form' of Json text-string?
I just use the Regular Expression, which my friend give me: function checkJsonFormat(text){ return !(/[^,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]/.test(text.replace(/"(\ \.|[^"\\])*"/g, ''))); } Well, I can't clear it very much! And it's only allowed double quotes " but I wanne use single quote ' sometimes in some case. So any boy can provide the usefull toolkit or idea to check the form of JSON? Really Appreciate. Mead Lai
[jQuery] Orange Color is not Visible in Slider Range
Hi! Iam newbie to jQuery UI. Kindly visit following link : http://vibersol.com/ajaxsearch/ There is slider (with ranges) on top. I just used all default files and settings. What I am doing wrong that Orange color is not visible between range. Can some one guide me how can Orange Color (Default) can be put/visible there. Thanks in advance
[jQuery] .html() ignoring updated input value
Hi everybody, how are you? I have to save the state of a form in a var before submitting it with the whole html, but if I alert the var, I get the original html without the updated input fields. Example: I have <div> <input type='text' name='test'/> </div> and I fill that field with "hahahah", on $("div").html() i get "<input type='text' name='test'/>" and not "<input type='text' name='test' value='hahahah'/>". Can someone help me? Tank you!
[jQuery] Detecting Selected Text
Is there a particularly jQuery-ish way to determine if there is text selected on the screen? I've googled around for some code on this subject, but I want to be sure that whatever I use is cross-browser compatible. It's been my experience that if I let jQuery do the heavy lifting for me, that my solutions are always compatible across the major browsers. What I'm specifically needing to do is see if the length of what the user has selected in a text field is the same as the length of all of the text
[jQuery] Hey ive got a question about a realy basic thing im trying to implement on wordpress with Gr
Hey ive got a question about a realy basic thing im trying to implement on wordpress with Graphpaperpress's Modularity theme. Here it is: <script type="text/javascript"> $(document).ready(function() { alert('slickBox & JQuery Loaded'); // hides the slickbox as soon as the DOM is ready // (a little sooner than page load) $('.slickbox').hide(); // toggles the slickbox on clicking the noted link $('a#slick-toggle').click(function() { $('.slickbox').slideToggle(400); return false; }); // closes
how to add row into table
Hi i want to add row to table. i have a textbox and a button. when value type into textbox and button is pressed. a new row will appear and value will insert to taht row. row information is taken from database say my table name is X i m USING JQUERY to do this. can any show me some example on how to call value from database and add to a row? using php and jquery? the value of the table can be any thing as long as add value to table concept is there thank you [/img]
Move partially hidden object into full view
I use JavaScript to inject a dynamic box (a <div>) in the document. The box is located in a relative position, starting from the link that trigger its creation: +---------+ | Trigger | +---------+ +-----------------------+ | | | Box | | | +-----------------------+ So far so good. The problem is that in triggers located to the right of the page there's not room enough to show the whole box. The box is partially hidden,
Learn About CSS Selectors
Hey all, If you are still learning how to use jQuery, revising how CSS selectors work may open new horizons for you. When I first started I wasn't exactly sure how the selectors in $('here') were supposed to work. I then learned that it uses the same method as CSS to access the DOM elements. Here is a great resource for CSS Selectors straight from the w3: http://www.w3.org/TR/REC-CSS2/selector.html Feel free to post other good CSS selector tutorials and resources here.
[jQuery] jQuery Career Opportunity
Hi I am currently recruiting for a Front-End Web Developer with solid jQuery knowledge for an established, highly successful Web 2.0 project to add additional dynamic elements to the user interface of a commercial web application. This is an ongoing permanent internal opening with excellent earning potential, with the possibility of an initial six month freelance contract. The project is based in Berlin, Germany, the team is international and the project language is English. Berlin is a well connected,
Stop tabs with query strings from reloading page
I have a set of tabs that are set with an href that adds a query string to the url such as "?t=1", meaning the first tab is selected. Technically it works just fine but every time I click a tab it reloads the page and I'm not entirely sure how to stop this. I'm using a jquery plugin to handle the query strings. [url="http://plugins.jquery.com/project/query-object"]Here's the plugin[/url]. Here's the piece of the code that matters: var url = location.search; var tab = $.query.get('t');
[jQuery] [autocomplete] Turn off caching (still caches) för queries with charaters 'å', 'ä' and 'ö'
When I use the autocomplete plugin with cacheLength set to 1 it still seems to caches som queries. Although I have only seen the problem with queries containing the characters (swedish) å, ä or ö. Maybe the problem lies there. To solve this I have to call the flushCache function first in the formatTerm function which seems a bit unnecessary. Eg: If I start to write "fö" it makes an ajax request and return say 25 rows. If I then continue and write an "r" I only get a list of 3 terms although about
[jQuery] Animate just works once?
Hi all I am testing a msn-look-a-like message box. So, when a message to a user is needed, the message-box shows up and disapears like a msn-message. The first time it works very well! But.....starting it for a next time, there is no animation, the messagebox comes up right away, while after a few seconds it does disappears the msn-way! So my question is, what am i doing wrong?? I have tried several solutions (see code below) but none of them solves my problem! Thanks in advance for any hints! <!DOCTYPE
problems with htmltags and appendto()
hey guys i wanna rewrite this: http://net.tutsplus.com/tutorials/php/a ... -and-json/ but i have some problems.. the original code to show the comments is: $.getJSON("comments.php?jsoncallback=?", function(data) { //loop through all items in the JSON array for (var x = 0; x < data.length; x++) { //create a container for each comment var div = $("<div>").addClass("row").appendTo("#comments");
Next Page