Cycle plugin question
Hi all, I have a wordpress theme that uses the cycle plugin. The cycle items are consisted of an image and some text from a wordpress post. to check it out click here. My question: I would like the text to truncate earlier in the sentence. Is this a jquery issue or part of the theme css? Thanks and sorry for the noob question... Yaron
Ajax post to an online resource from an app-cached html
Hi guys, The situation is: From a cached HTML try to access a web service online, if you can't reach it (probably because of no connection) load the last data from local storage. The problem is that jQuery ajax is giving me an error, even if the web service is online. If I remove the HTML from the application cache the code works. I debugged a little and it seems that the 'status' that jquery is getting from the call is 0 instead of 200 - 300. How can I solve that? Since the web service is an online
Use jQuery to place clicked button files into target #CONTAINER.
I need the jquery codes to perform the actions for this simple webpage. I use css file to place measurements and colors etc SIMPLE WEBPAGE: I need to know where to place the codes: In the <head> etc </head> or in the web page in the <body> area. <div id = “#header”> details in css file</div> ex: width:200px; height:300px; etc in css file. <div id =”#container”>Details etc in css file - Inside this (#container BOX) I want to see my other html/php file content when button1 /2 /3 etc is clicked</div>
Menu (Animated) how to move position
I want a Jqurery menu can any one tell me the code. I want to make an animated menu placed on right, using jQuery how it will work: if i click on a menu (example: ABOUT US) the menu/ the ABOUT US text will moving to HOME and HOME is moving to CONTACT US so basicly the menu is rotated to left and the selected menu is placed on the center with bigger font. It should looks like this I have done till now... Find the attachment
Detecting change of radio/checkbox
I'm rewriting a plugin of mine and I want to try to take care of an issue we had in the past. Here is the jsfiddle of what I'm talking about http://jsfiddle.net/Mattio2187/HruGP/ When you check the checkbox by clicking on it, the change event is triggered. It's being logged in the console. However, if you use the button to the left of it, 'change' is not triggered. With the plugin, I want to be able to detect this change if the user is checking the checkbox or radio button dynamically with code
Focus when enter keypress
heya !!! i need one easy help i trying to move focus to next field when enter keypress , but not working , this is my jqueryCode and HTML this is my HTML <table border="0" width="29%"> <tr> <td align="right"> Conta D</td> <td> <input type="text" name="contad" id="contad"></td> </tr> <tr> <td align="right"> Conta C</td> <td> <input type="text" name="contac" id="contac"></td> </tr> <tr> <td align="right"> DOC</td> <td> <input
change enter behavior in tabby plugin
Hi, I am new to js and jquery. Usually I try to learn things by fullfilling a certain task and read the docs/manuals as much as possible to do so. Currently, I try to get a textarea element to behave a little more like a desktop text editor. It should be able to write a tab in the textarea when pressing tab and when pressing enter it should be able to intend the cursor in the new line if the current line is intendend. I found the the plugin "tabby" which works fine with TAB and SHIFT+TAB. For the
[jQuery] to change tab for enter
$("input[@type=text]").keydown(function(e){ if (e.keyCode == 13) { $("input[@type=text]", this).next(); } }); ? help thanks -- View this message in context: http://www.nabble.com/to-change-tab-for-enter-tf3584151s15494.html#a10015090 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] force a tab to move to next field on enter
Hi, I'm trying to change the enter event to a tab event. I know there are solutions out there that will do that but my form is a little bit complex in that it has fields that are not visible and this is done dynamically. I've tried some solutions (e.g. enter2tab plugin) but they don't seem to work so I was trying to hand code it myself. The bit that I am stuck on is how to invoke a tab event. I can't seem to get that to work. Can anyone help? I'm trying to invoke a tab key using: $j(this).trigger("keypress",
input field bypassing by <enter> w/o form submission
Dear jQuery's guru, I faced a problem!I want to bypass from one input field to other one by <enter> (<return>) key pressing instead of default behaviour (<tab> key pressing). But there was default form action on <enter> keydown event was performed. Remember that <enter> keydown event on form means default "Form submit" action. How to prevent default action, form submission, in time of <enter> keydown event processing? How to modify following code? I use hotkeys jQuery plugin for key binding to input
[jQuery] how do tab(next field) on press enter ?
how do tab on press enter in jquery ? witch function i need wear? i do this: $("form.auto-tab") .keypress(function(){ alert('test'); // this i need event field and comparate ascii code = 13 and next input, but i do know made it =/ }); thanks.
help, asp button error loading page jquery mobile
I developed a web app for sending mail, and when I click on submit, get the error: "error loading page" or "error cargando pagina" what you need for help me? this is the link http://www.caribemotor.com.co/movil/contacto.aspx thank you i used jquery.mobile-1.1.1.js jquery-1.7.1.min.js too try $(document).bind("mobileinit", function(){ $.extend($.mobile, { ajaxFormsEnabled: false }); }); but it doesn`t work
Button to Toggle Footer?
Is there a way to use a button to toggle the footer to show or hide? I know there's a function $("[data-role=footer]").fixedtoolbar({ tapToggleBlacklist: "a, button, input, select, textarea, .ui-header-fixed, .ui-footer-fixed" }); But I'm not really sure how to use it... Any help would be greatly appreciated.
Conceptual question about sliding divs
please refer to this url for my question: http://www.adidasdesignstudios.com/ as you navigate through the 6 sections of this site, you slide up and down. while i'm not sure this site even uses jquery, i've used jquery to do this on some of my other sites in the past. my question is this: all of the sections are on a single page (a single url) and the script just slides them in and out of view. is it possible to maintain this effect but have each section its own url? so if you were to paste the url
General Question
What's the best way to generate html code along with dynamic data (from one or more JSON objects) and add it to a page? Is "document.write()" better than using some of the JQuery methods like prepend, append, etc., for such purposes?
Horizontal Accordion text position problem
I am working on a horizontal accordion and the caption text drops below the image when the accordion folds. Oddly enough it works fine in IE, but not in chrome or Firefox. I assume I am just missing something silly in the CSS but I cant seem to pin it down. Thanks <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Untitled 1</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js" type="text/javascript"></script> <style
geting data-id from a clicked link using on()
Hi, If I have: $(document).on("click", ".topReply", function (evt) { evt.preventDefault(); console.log("On dynamic reply click: " + $(this).data("id")); $("#btnJqueryReply").data("mode", "Follow"); $("#btnJqueryReply").data("id", $(this).data("id")); $("#dialog-form").dialog("open"); }); and I have data-id on the link being clicked, is $(this) the correct scope to get at the id? $(this).data("id")
Internet Explorer doesn't seem to get anything in my script..
Hello! For some time now i've been trying to fix my site for Internet Explorer, so that it'll work in at least IE8. I'm using a custom jQuery script to "handle" my whole site, but IE isn't playing along at all. To start things of, it seems to ignore some commands - resulting in all my projects showing from the start. If I try to navigate my menu, I get some cryptic error telling me "Invalid procedure call or argument" in the jQuery file itself. If someone out there knows what's going on here, I would
Don't know how to make Yoxview plugin work
I think my code is ok, but the yoxview plugin doesn't function at all. Here's the code <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Home</title> <link href="../yoxview/yoxview.css" rel="stylesheet" type="text/css" /> <link href="../css/cssdosite.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript" src="../yoxview/yoxview-init.js"></script> <script type="text/javascript"> $(document).ready(function()
Weird POST issue in form, but works with GET?
Hi, I've got a REALLY bizarre issue here :/ I have a form: <form action="post" method="/cgi-bin/script.cgi"> .some form stuff </form> Then just a basic script on that page: $(document).ready( function() { alert("HERE"); } ); Now, this works fine on the first page... then submit the form (and return to the same page, but with an error message telling them they didn't enter something right)... it works fine then, try submitting it again and then click back and it won't run the alert() or any code
How can I send multiple value for a form element when posting data through ajax ?
I am creating a search form using ajax, I've a field for Bedrooms and I've used radio buttons as Double, Single and Both. The only problems lies with selection 'Both' which gives no positive result. The 'Both' actually is not a value but I want to fetch Bedrooms of both Double and Single Type. I wrote following code on change event of radio button. var $form = $("#frm1"); url = $form.attr( 'action' ); formdata = $form.serialize(); formdata
Video object locking up IE9 when called.
So I'm building this nice animated page to open with some music and a splash video. http://www.pbrfragrance.com/ All seems purdy sweet till you try it in IE. For now I will just skip over the fact that nether the video or the audio elements actually play. The part that piss me off is that for a moment , in IE9, the Jquery actually followed thou and the iframe went ahead and came up and I called it graceful degradation. Well not 5 minuets later (after adding a volume .5 to the script) IE locks up
Enlarge thumbnail image
Hi, I would like to enlarge a thumbnail image on same page with black background. Can anyone help to get that working. I did find about lightbox, fancybox and so on but couldn't able to get proper jquery function which works with this. Regards, Rushabh.
BlackBerry paging issue
For whatever reason my posts keep getting flagged as Spam. Very annoying. We have an application nearing the end of development. It was working fine on our BlackBerry 9800 (default browser) but all of a sudden the paging stopped working. We were linking to the latest versions 1.1.1 hosted on jquery.com We have done loads of testing and rolling back versions but having no luck. We tried to make a demo page, so used this page http://jquerymobile.com/demos/1.1.1/docs/pages/multipage-template.html This
handling if an element doesnt exist?
var d = $(document.createElement('div')); d.html($("#blog_reply_template_holder").html()); $('.blog_comment_reply_holder:first').before(d); Above is a cut down version of my code. I am dynamically adding blog comments to the dom. This works fine when I have comments on the page already, but when this is the first comment I have a problem as there is no : .blog_comment_reply_holder:first What would be a better way to handle this to ensure that my new div still
Images overlap on loading posts upon page scroll
I am using the jquery masonry for displaying the posts in my site in formatted way. http://masonry.desandro.com/ The masonry plugins formats the content to be displayed properly. When the page is scrolled i am fetching the additional posts and appending it to the parent container div and then reloading masonry to format the posts displayed again.It is working fine. <div style="margin: 0px auto; position: relative; height: 9342px;" id="message-network" class="masonry"> <!--parent container div-->
Events fired on dynamic changes
Hi there, I have a problem while working with jQuery mobile. I dynamically add form elements to my page before JQM is loaded. This works great and all form elements are transferred correctly to JQM elements. After loading JQM I try to bind events to my form elements (I use toggle switches, sliders and select menus). I do it that way for a slider: object = $('#' + objectId); object.live("slidercreate", function(){ object.live("change", function(event, ui){ ... }); }); The event
Changing the tab should submit the form
We have a 6 step form wizard where we ask user to input some valid data and complete all the 6 steps which works fine. But the problem is, if user wants to change some data which he already entered in one of the steps. For that he needs to run the wizard which is not user friendly. Now we have decided to use the Jquery Tabs where user can just click on the tab and change the values. I have added the tab code in one of the header file <div id="main" class="main"> <div id="tabs">
Issue with click event binding and hash URLs
Hi all, I'm having an issue with binding actions to links in a jQM app. Let me describe the scenario first. The app works as a normal app, with AJAX navigation taking you to new pages, the way jQM is supposed to work. But when the page is a certain width, some specific pages go into a "split view mode" where two pages become one, a list on the left and the information on the right. To achieve this I override the click even actions on the list when it's in this split view mode, so that they load the
Dynamic button click not working.
In simple terms, I have a hidden template that contains some text and a button. <div id="itemContainer" class="itemColumn"> <div class="itemDiv" id="items"> <ul /> </div> </div> <ul class="hiddenTemplate"> <li id="TemplateListItem" class="release"> <div class="releaseDetailDev"> <p class="title">Title: </p> <p class="itemTitle"></p> <div class="buttons"> <button type="button" class="editButton">Edit</button> </div>
How to use cache.manifest to cache the image files used in JQM
Hi. I have extended my web mobile app to use cache.manifest. All my js files are located in one dir. and all my images are located in another dir. I have no problem with caching all the js files and all my own images, but I'm not able to cache the images that are used by JQM :-( Anyone knows how to do this? I'm thinking of the icons and the ajax-loader image. Here is my page: http://www.gosushi.dk/Mobile/default3.aspx Hope someone can help me. Kindly regards Ruffio
How to Use submit to accomplish two goals?
RE: . How do I accomplish two objectives: submit data to MySQL database table and replace content area with a second form? The first form worked fine until I added a second form to replace it. Then upon hitting submit on the first form no data was sent to the database; however, the second form replaced the first from just as it should.
problem with long listview page slide change and another problem with Dynamically injecting collapsible list
please confirm this url with iphone4 or 4S to recur these 2 problems. problem 1: when the listview has a lot of items(long page), clicking the first item to change to the next page with slide transition is ok, but clicking the last item to change to the next page with slide transition is NG(DOESN'T have slide effect!). problem 2: click the second item to change to the next page, we Dynamically inject collapsible list to the next page. the first time when you click the second item' link to go to
set focus to textfield is not working in jquery mobile
Set focus to textfield is not working in jquery mobile. When the close the alert box it should focus to the text field but it is not getting focused. $("#nyTxn1").live("vmouseup", function(event, ui) { $('#nderNum').focus(); });
Hopefully Quick Fix with Cycle Plugin
I'm attempting to make a scrolling slide with navigation. I've figured everything out except for how to get the prev/next buttons to show. I'm trying to use this: http://jquery.malsup.com/cycle/scrollhv.html, but I can't figure how where to add it in my code. Here's a preview of what I have so far: http://christi14.blogspot.com/ <!doctype html> <style type="text/css"> .slideshow { height: 232px; width: 232px; margin: auto } .slideshow img { padding: 15px; border: 1px solid #ccc; background-color:
validation 1.9.0: remote error appears, even if input is valid
Hello, im using the validation plugin 1.9.0 and jquery 1.8.0. When im using the remote option to validate input and the validation fails, the error message is still alive even the callback of remote ist true. The validation without remote is working fine. The php script is sends json true or false back if( $slc == "v.menge" && $arr["menge"] != $_POST["menge"] ) echo json_encode(true); elseif($slc == "a.artikelnr" && $arr["artikelnr"] == $artikel) echo json_encode(true);
Width of div using css('width')
Trying to get width, for simgwd (line #5), but keep getting NaN. I believe something has changed w/ jquery 1.8. Can someone explain how I'm supposed to write this. $('[id^="order"]').each(function() { var simginitdisp = $(this).filter('[class^="searcher_stack-its_img"]').css('width'); var simgwd = parseFloat(simginitdisp); console.log('Search Img Width: ' + simgwd); if (simgwd > 0) { console.log('Search Img Present'); var contwd = $(this).next('[class^="searcher_stack-its_stacks"]').outerWidth(true);
Jquery html() (becoz of globalEval()) slow in IE7/IE8
Jquery html() is slow in IE7/IE8 compared to chrome and firefox browser. I tried to check what is exactly slow in html() method.....globalEval() is taking the bulk time.... I checked from dynatrace tool.....I have tried with jquery versions 1.3.2 and 1.6.4. Is there any way out to solve this problem for IE7/IE8 browser
how to use beforeSend() for POST method in jquery to send header information to my web service(Apache CXF )
when i use @POST method in my web service ,it is not working but if i change '@POST' to '@OPTIONS' it's working fine but not able to send data from client to server, i struggling a lot for this past one week but not able to complete, how to use beforeSend() for 'POST' type , Thanks in advance
iOS 6 problem?
I just updated to iOS 6 from 5.1 and tested my web site (built with jqm). The main page displays fine. If I enter a value into a value into a text box and press my SEARCH button, I get my Ajax spinner and then the new page displays only the word "undefined" at the top. Anyone else see anything like this yet? EDIT: It appears to be all pages that respond to form input (I am trapping the onsubmit and validating the fields)
Next Page