is there an event for normal text hilighting?
(t = $("#contents .chapter")).click(zoomfunc = function(evt) { alert(evt); if(this != zoomednode) { var zoom, depth, t; if(!zoomednode) zoomednode = $(this).parents("ul")[0]; t = depth = $(this).parents("ul").length; zoom = 130; while(--t > 0) zoom *= 1.15; zoom += '%'; depth -= $(zoomednode).parents("ul").length; if(depth < 0) depth *= -1; zoomednode = this; $(contents).animate( { fontSize: zoom },
Cannot display the JSON data returned in the grid
Hi all, sorry if this is completely not a jquery issue but any guidence is very welcome: I have one jqGrid which initially passes some empty parameters for the web service and returns an empty row. After that, end user inputs those parameters where there is another AJAX call which calls this same web service every minute. I see the parameters being passed and the values being returned (via fiddler2) but they are not being displayed at the grid. Here is the stripped out code: var UpdateDatabaseSetupGridTimeout
Internet explorer css supersized plugin problems! Please help!
Hello all, This is the first site I have made and naturally I have created a few problems which I do not have the knowledge or experience to solve. I used the supersized jquery plugin on each page to display the photos that relate to the small written content. The major problem is that in internet explorer, the css is coming up very strange. Everything is out of place. I am sure there is a simple solution/explanation that I am merely too inexperienced to notice. I would greatly appreciate your help!
JQuery, Ajax Database Tooltip
Hey Guys, I'm still fairly new to JQuery. I'm creating a movie website and i'm trying to use JQuery and Ajax to create a bubble tooltip for whenever a user hovers over a movie. Once they hover over this movie the bubble tooltip will display with the movie's information. Of course the information will come from a database based off the movies ID. My php file has all ready been created so i just need to make the JQuery and Ajax connection. Is there a plugin specifically for this or can someone give
Problem with dropdown menu
Hi, I'm new here and only have limited experience with jquery (I've used a couple of banner sliders and modal popups). Anyway, I'm designing a site for a new client who wants a dropdown menu. I have been using the Timothy Framework and the menu I used is included in one of his templates. I copied all the .js and the accompanying .css file and then tweaked settings to be what my client wants, but when I preview in Firefox and IE, everything goes haywire. In Chrome and Safari it appears fine works,
am I misunderstanding what a selector does, here?
Ok, the following bit of code worked for the effect I was going for: $("contents").click(function(evt) { $(contents).animate( { fontSize: '+=50%' }, 60); }); However, I was unhappy with the result of that as I can click anywhere in the horizontal space (although maybe there's a workaround?) whereas I just want it to respond to when I click on the actual text. So I tried to base it off of any of the li elements being clicked instead: $("contents li").click(function(evt) {
How do I use PHP includes in Supersized?
How do I use PHP includes with Supersized jQuery plugin? I'm trying to include a nav bar which i usually just use: <? include("nav.html"); ?> but when I do that, the images no longer center properly and align all the way to the right. Is there a proper way to use PHP includes with Supersized? Jake
code breaks as soon as I link jquery
If I insert [code]<script src="http://code.jquery.com/jquery-1.7.2.min.js"/>[/code] Above of [code] <script type="text/javascript" > function processxml(xmldoc) { var i, root, el, els, str, esc; i = 0; root = xmldoc.getElementsByTagName("featurelist")[0]; el = root.getElementsByTagName("chapter")[0]; /* Initiate contents */ str = '<ul id="contents">'; while(el && el != root) { if(c=el.getAttributeNode("htmlclass")) str += '<div id="' + c.value + '">'; str += "<li>" + el.getAttribute("title")
i don't know where i did mistake in jquery?
Dear Team, I am using Phonegap 1.9.0 with windowsphone. i am trying to consume my webservice in to my application but i don't know why it 's not fire the function? here my webservice.asmx.cs Myservice.asmx.cs [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] [System.Web.Script.Services.ScriptService] public class Service1 : System.Web.Services.WebService { [WebMethod] [WebInvoke(Method = "POST",
jQuery CKEditor Plugin
Hi there, is anyone know how to invoke the config.js of the CKEditor using the "jQuery CKEditor Plugin" by fyneworks? Thx, see ya
Animate div and child paragraph
Hi, I'm new to the forum and to jQuery. I couldn't find the solution to this problem on my own, I think the solution has something to do with selectors. I animated successfully a div's border on the hover event, but would also like the child paragraph to perform an animation but with the following code I cannot isolate only the paragraph belonging to the div that's being hovered, and all paragraphs child to a div also animate. I cannot use the this keyword here, so I'm stuck. var jq=jQuery.noConflict();
Superfish Z-Index Troubeshooting
Hi Everyone, I'm having a problem getting IE to display a sub-menu above, rather than below an image. The issue can be seen in IE, http://www.wpas.org/codetesting23.aspx Any ideas on how to fix this issue? Thank you
Newbie and facing problem with listview
Hi Everyone, I'm a newbie to jquerymobile and i'm building a mobile website in jquery mobile. Following is the code i'm facing problem with <ul data-role="listview" data-inset="true"> <li><img src="jquery-mobile/images/thumb.png" class="ui-li-thumb"><a href="#news"><h3 class="ui-li-heading">News</h3></a></li> <li><img src="jquery-mobile/images/thumb.png" class="ui-li-thumb"><a href="#images"><h3 class="ui-li-heading">Images</h3></a></li> <li><img src="jquery-mobile/images/thumb.png"
How to open one simpledialog2 from another?
I am using the simpledialog2 plugin and trying to call one dialog from another. Very simple. I have a first dialog that has 5 buttons on it. When the user presses one of these buttons, I want a second dialog to pop up where they can enter some text. Ideally, I'd like the first dialog to close before the second opens, but the important thing is that when the user hits a SEND button on the second dialog, both dialogs must exit. I have not been able to accomplish this. I can get the second dialog to
Need help on how to traverse json string data
Hi, Please help me out on how to access a json string using jquery as i am quite new to Jquery. I have a data json string as below which is rows of data as it should be passed to a grid [ {"RTC ID":"MNC12","Applicability":"IMQ","Attribute1":"Trigger","Attribute3":"","name":"65-4000/01310","Req Priority":"High"}, {"RTC ID":"MNC13","Applicability":"OQ","Attribute1":"Slope","Attribute3":"","name":"65-4000/01310","Req Priority":"Low"}, {"RTC ID":"MNC14","Applicability":"RFS","Attribute1":"Remote","Attribute3":"","name":"65-4000/01310","Req
im using jQuery dropdown menu, but once my submenu become 16 submenus, it comes in one very long vertical row, but i want to make it on horizontal.
hi, im using jQuery dropdown menu, but once my submenu become 16 submenus, it comes in one very long vertical row, but i want to make it on horizontal. so plz help me here is the code: $(document).ready(function(){ $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*) $("ul.topnav li span").click(function() { //When trigger is clicked... //Following events are applied to the subnav itself (moving subnav up and down)
reply marked as spam
Can anyone see why my reply in this thread: https://forum.jquery.com/topic/making-my-code-more-generic is marked as spam? Is there something in the content or did I click something in error? I don't recall having this problem before. thanks Dave
I have a problem with the css styles jquerymobile refesh
hello I have a problem with the css styles jquerymobile This is the function to imprimer results after clicking a button: printResult function (olist) { innerHtmlText var = getHtml (olist); alert (innerHtmlText); IDIV var = $ (result). append (innerHtmlText); alert ("before refresca1" + IDIV); $ ('# result ul li'). listview ("refresh"); alert ("after refresca3"); } Here the results are printed in a list in this layer <div id="result">
I need help with my betting system
I'm trying to make a basic slot machine and i ran into some problems with my code. Here's my code... $(document) .ready( function() { /*$("#machine").hide(); $("#title").fadeOut(3000); $("#machine").fadeIn(5000);*/ $("#money").attr("disabled", "disabled"); $("#stop").attr("disabled", "disabled"); $("#spin").attr("disabled", "disabled"); $("#reel1a").css("visibility", "visible"); $("#reel2a").css("visibility", "visible");
Cached partial page - Data is invalid!
I have a simple mobile app built to view/edit/close orders, so the data displayed to the user must be freshly received from database on every page/partial_page request. The problem is that after a partial page is received the first time (from the server), it is always cached from that point forward unless I clear cache in my browser (testing with IE9). This is my actionlink to call the page in question. <li>@Html.ActionLink("Open Orders (" & ViewBag.MyOpenOrderCount.ToString & ")", "OpenOrders",
JQuery Newbie and Autocomplete
Hello Everyone and thanks for your help in advance. I am new to JQuery and am trying to implement autocomplete with an ASP.Net webpage. The search page is located athttp://www.1naples.com/search2.aspx. The data is delivered through server side code that can be seen athttp://www.1naples.com/recordsearch2.aspx. I have not implemented styles for simplification purposes. When I type in the letter "f" in the autocomplete box, three listitem dots appear(which is correct) however, the text is missing. I
auto search
I have auto complete field which return data from database using ajax and php , but its return data when input string doesnt have space for example (abcd ) what i want is when you enter (ab cd) the system will return data if it exist for (ab) or for (cd) , hope any one can help me what i must do to achieve this
native version of splitview-style jquerymobile?
The jQuery mobile website does a magnificent job of doing a splitview style rendering: two columns on big screens, one column (hide the nav) on a small screen. Are there any instructions on how to replicated this sort of approach? You'd think that if the JQM site is doing it, it should be both doable and hopefully readily-replicable, but I don't see how The "splitview" plugin is a lovely (if under-documented) approach, but it completely fails in IE: http://asyraf9.github.com/jquery-mobile/ The primary
Unspecified error in :focus filter ie9
I am getting "Unspecified error." from IE9 users. The error points to line 4651 in the uncompressed v1.7.2 jquery.js file. focus: function( elem ) { return elem === elem.ownerDocument.activeElement; }The call appears to come from the highlighted line in this code: var shippingDetailsFocused; $(document).ready(function(){ shippingDetailsFocused = $(':text:focus').first(); $(':text').focus(function(){ shippingDetailsFocused = $(this); }); });I can't
refresh radiobutton
I have radio buttons in my jquery mobile page like this: <div data-role="page" id="mypage"> <div data-role="content" id="mycontent"> <div data-role="controlgroup" id="set"> <label><input type="radio" name="staffapproach" data-mini="true" value="great"/>Great</label> <label><input type="radio" name="staffapproach" data-mini="true" value="good"/>Good</label> <label><input type="radio" name="staffapproach" data-mini="true" value="needs improvement"/>Improvement</label>
Slider not updating dynamically
Hi all I have the following script that is supposed to do a calculation dynamically when the slider changes value. It doesn't work. If I manually changes the value in the textbox associated with the slider, the calculation is made and the result presented as I want it. I am not a programmer, and the code below is most likely a mess, but it (almost) works. I need the page shown on ipad only at an event. I hope to hear from someone in here. Thanks in advance. Application can be seen here: http://superfly.dk/e4d/app.html
Refresh navigation bar.
Hi, I have to add and remove items dynamically from navigation bar. I searched about this. Someone asks to call $("ul").navbar(). But it works only once. any ideas?
2 problems with async tree (href and expand)
Hi, i'm new in jquery and my english is not the best :o( Ich hope you understand what i mean. I used jquery and treeview to make a sample file to test this. When i click on a node, it should open a new url, so i append the href parameter, but when i click on a node it opens the subfolder, but not the new url. My second problem is, that when i add the expand parameter jquery opens the node, but only shows "placeholder", when i close the node and open it manualy, everything looks fine. To you have
use of pageInit ?
i have code using jquery, i try to integrate for mobil plateform using jqueryMobile. Before to refresh some elements, i use a function called by <body onload="refresh_content();"> I seen, i can't still use onload, but pageinit, i tried to use it.... : At the first load of the page, it's ok (the function is called), but when i click on a button with http-link, the function isn't called again. where i must put code with pageinit, for the javascript function be called at any load of the page? $( document
autocompletenot working
Hi all i am doing form submit when press enter this is working perfect mean while i am dong another forum autocomplete but is now working. but only autocomplete form working fine. where i am wrong please tell me thank you... <head> <link rel="stylesheet" type="text/css" media="all" href="./style.css"/> <link rel="stylesheet" href="./autostyle.css"> <script src="./js/jquery-1.7.2.js"></script> <script src="./js/jquery.ui.core.js"></script> <script src="./js/jquery.ui.widget.js"></script> <script
$.mobile.changePage without ajax
Hi for navigating from one page to another i used $.mobile.changePage('test.html');. This works fine in android,symbian and blackberry6+.But I also want my application to run on blackberry5. Blackberry5 does not support ajax and therefore $.mobile.changePage('test.html'); not work for it. For this reason I use window.open("test.html"); and window.location.href = "test.html"; Here it works perfectly in all platform including blackberry4.6+ also. But now problem is I have header in test.html as: <div
JQuery Cycle pager
Somebody may be able to save me a little time. I am fairly new to things but I can manage to implement the jquery cycle to have a slideshow with pager thumbnails and I can also use it to have prev next buttons but I am struggling to have both at the same time. What I need is some code or a js fiddle example of how to have a few thumbnails of images that are used as a pager elements ( will auto change the main image to next image and be able to manually click to choose, http://jsfiddle.net/qqjMy/23/
html5 data attribute issue with long number
Hi I’ve found an issue with the data attribute. If we put long number as value of data attribute ( data-longnumber = 111111111111111222222222222222222222233333333333333333333333333333333333333333333333333331111111111111111122222222222222222222222222222222222222222222222222222222211111111111 ) and when fetched using jquery $(‘div’).data(‘longnumber’) it returns an exponential value like ( 1.1111111111111112e+209) What will be the issue? How can I get the real value? Is there any solution for this?
jquery mobile transitions not working properly in mozilla firefox 14.0.1 and chrome for the changePage
I am using the $.mobile.changePage($('#page3'), 'slide') in my html code but i cant get the effect of slide during the slide transition.
JQuery Mobile Display not working when page refresh
Hello friend i have some problem with jquery mobile display if i refresh the page site, jqm not working. looks like using HTML 5.. any ideas? thx before :D
Add tootip to td
Hello, I saw a piece of code for adding tooltip to table cell. $('#grdList tr td:nth-child(5)').each(function(i) { if (i > 0) { //skip header var sContent = $(this).text(); $(this).attr("title", $(this).html()); if (sContent.length > 20) { $(this).text(sContent.substring(0,20) + '...'); } } }); grdList - table id td:nth-child(5) - column 5 I don't understand it. Is it an api or plugin? Thanks for advice.
Using malsup cycle plugin - displays only first 2 images of 4 on iPad
I would be grateful for any assistance. I have 4 banner images which cycle beautifully on a monitor - but on an iPad only cycles from the first image to the second image and then stops. Demo page is: http://www.bikevents.com.au/Bikevents/index3.html The CSS and HTML used is below: #slideshow { height: 200px; width: 672px; padding: 0; margin: 0; } #slideshow img { display: none; padding: 0px; width: 672px; height: 200px; top: 0; left: 0; background-color: #dcdcdc; } #slideshow img.first { display:
select menu with images
Hi everybody, Im new in this forum and also in jquerymobile world, Im developing an ios app, and i want to use a select menu in the header of the page, i have the select menu with only text, but i want to add an small icon or image next to the text, i try all the examples in the network (github for example) and it didnt work, and im really desperate because the due date of the project is tomorrow night, if somebody could help me i will appreciate it thanks in advance conchitabh and sorry for my bad
Dialog launched from footer breaks layout
Hi, I have a button in my page's footer that opens a popup dialog. The problem is, whenever I close the dialog (click X on top left), the page layout breaks and elements have the wrong vertical position (they are moved up so top of page is inaccessible). For this bug to happen, the page must be tall enough to show a scrollbar. This doesn't happen in desktop Firefox but happens in Android's browser (tested on my phone, and in Android Emulator 1.6-2.2). EDIT: Just noticed it happens in Google Chrome,
Function .show/hide not working in chrome/IE8, fine in FF...
I, just started using jQuery,and i'm having a problem using the function .show()/.hide() to make a div appear and disapear when a certain option value is selected.It's working fine in firefox but not working at all in chrome and IE 8. This is the function code i'm using : $(function(){ $("#produtos").click(function(){ $("#produtos_valor").show("slow"); }); $("#novidades").click(function(){ $("#produtos_valor").hide("slow"); }); $("#servicos").click(function(){ $("#produtos_valor").hide("slow");
Next Page