Context Menu
Ive been trying to get an example of a context menu working as simply as possible, but for some reason I cannot get it to work. Ive been playing with this on and off for a few months now, but really need to get it working, so requesting any experts help. I have attached my code as test.txt Ive been using the examples at medialize.github but without any sucess. If anyone has any advice, I would be extreamly gratful. Thank you
Jquery load and Yoxview
Masters, I try to explain my problem: I have: main.php; sub1.php; sub2.php I use jquery load to load part of html from sub1.php, sub2.php to main.php. This works well. I use this tutorial: http://demos.malbecmedia.com/ajax-site-demo/ On the sub1.php i use YoxView <div id="ajax-wrap"> <div id="text"> <div class="product_image hatter1"><a href="images/galeria/test.JPG" class='multi1'><span ><br/>span text span text span text </span></a></div> </div> </div> If
How to make multiple dropdown for the same images?
Hi, Please help in following issue, Whenever I click the first arrow icon in below image, I am able to get the below dropdown, but, My problem is, I am unable to get the dropdown when I click the remaining arrows. I need to show dropdown menu when I click all the arrows. help me in this issue, thanks in adv.. Suren
ASP Scripts SRC Folder Not Working?
I can run this code fine using the Google URL for the SRC, but... <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#<%=lblStatus.ClientID %>").delay(1500).fadeTo("fast", 0.0); }); </script> I cannot run the same code if I swap-out this line of code: <script type="text/javascript" src="/scripts/jquery-1.8.0.js"></script> It gets better, I can easily access the .js
Count nr of divs apply class to every fifth
Hi, i have a structure which looks like <row> <div class="onecol"></div> <div class="onecol"></div> <div class="onecol"></div> <div class="onecol"></div> <div class="onecol last"></div> <div class="onecol"></div> <div class="onecol"></div> <div class="onecol"></div> <div class="onecol"></div> <div class="onecol last"></div> </row> all divs are generated dynamic, so the amount can vary from 5 to 25 divs. Is it possible to set a rule saying, apply class "last" to every fifth div with the class "onecol"?
Simple Fade and Hide Problem
Basically I am displaying a images in a row. Each image will have a mouseover and out event, like so function fadeIn(a) { jQuery(a).find(".thumbnail").fadeTo("slow", 0.7); jQuery(a).find(".thumbnailText").show('fast'); }The mouse over will show a div container which lies on top of the image. When I mouse of the image away from the area where the new div appears its fine. However when I move over the new div it repeatable appears and disappears. The reason for this I reckon is because its being read
graphic not showed in jqplot
Hi. I'm trying to add jqplot to my project. I have extracted to a folder called jqplot in my netbeans 7.2 IDE. later in my config file I add the next: <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="jqplot/excanvas.js"></script><![endif]--> <script language="javascript" type="text/javascript" src="jqplot/jquery.min.js"></script> <script language="javascript" type="text/javascript" src="jqplot/jquery.jqplot.min.js"></script> <link rel="stylesheet"
Show Hide on mass level
I use the Show/ Hide .hover function but on a large scale and for 2 different things.. i was just wondering if there is anyway to shrink it... it's not causing a problem and works just fine but could potentially be smaller. however; one set of the script works from images hover and displays an infobox on the left side about the "company" the other, works on links and images, again showing on the left side (set position). if no way to shrink it thanks anyway :) $(document).ready(function()
Which chart use in JQM to add events??
Hi. I have been using charts in conjuntion with a map to show an elevation profile (map + chart in the same page) One div for the map, and one another for the chart.. Using code in https://developers.google.com/maps/documentation/javascript/elevation everythings ok, but chart is not correctly showed in most mobiles, in web page and simulators works great. So, my question is: I need to change google chart and use another open source library chart which work ok in jquery mobile and had the posibility
Close button is not working.
Hi, I referred this website. http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/ I couldn't close the drop down list box while clicking the close button. I implemented it in my application. But close button alone is not working. Can anybody give me a solution. Thanks in advance.
expected url format for local html files?
Hello - I've created a list within a jQuery mobile page named Home.html. I'm developing the page on my laptop in my own personal dev environment. I want the first button in my list to be a "Locations" button that redirects to my Locations page. I've created a Locations.html page in the same directory as my Home.html page. What's the proper url to use for the a href within the li? I tried the following 2 urls but when I click on either of these urls my page displays a jQuery Mobile dialog that
"open dialog" button displaying as url instead of button
Hello - I'm using the following anchor per the jQuery Mobile website to implement a basic modal dialog: <a href="http://www.google.com" data-rel="dialog">Open Dialog</a> Unfortunately, this is only displaying an anchor, not the Open dialog button. Also, when I click on the url, the page redirects to the url in full page mode instead of displaying the redirect url in a dialog. What am I missing? I have attached a text file of my webpage....
getJSON
Hi, I have an issue with the getJSON method, here is the code of the jquery: $(document).ready(function(){ $.getJSON('../php/functions/user_info.php', {id: id}, function(data){ alert(data); }); });the php code at ../php/functions/user_info.php is: <?php require_once 'connection.php'; $link = conenct('localhost', 'root', '', 'w_db'); mysql_query( "SET NAMES utf8" ); mysql_query( "SET CHARACTER SET utf8" ); mysql_set_charset('utf8', $link); $id = $_POST['id']; $id = mysql_real_escape_string($id); $query
why :not(selector) does not working when we feed a complex selector to :not()
jquery: $("p:not(p:eq(0))").css("border","3px solid red"); html <p class="para1">This is paragraph 1:</p> <p class="a">This is paragraph 2:</p> <p class="para2">This is paragraph 3:</p> <p class="a">This is paragraph 4:</p> <p>This is paragraph 5:</p> can you please help?
background image replace?
i have a bgimage in the css definition like DIV#container_footer{ position:fixed; height: 128px; min-width: 1000px; width:100%; bottom:0px; background-image: url(../images/tin/footer_0.png); background-repeat:repeat-x; background-position: center bottom; margin: 0 auto; } and i want to change it in thsi function function changeTin (i) { var url = "url(../images/tin/footer_"+i+".png)"; $("#container_footer").css("backgroundImage","url("+url+")"); //$("#container_footer").css('backgroundImage',
Help adapting code for one slideshow so it supports two (multiple) on same page.
This code I found works great for one slideshow, but I need to have two side-by-side and I'm a novice, so I can't see a good way to do this: The page I am working on is here: http://www.nuancepress.com/nuance-press-announces-2-volume-collection-of-the-best-of-fantasy-and-horror-artist-d-x-stone/ There are two slideshows (#dk-ad and #lt-ad) and they need to function independently of one another. There is probably an easy way to do this but since I'm a total hack I'll probably end up duplicating a
Adding to Option element to table cell
I am novice to jQuery, and I had to do some small jQuery job at my hand, but i am unable to make it work. The thing is, the exisiting code is generating a modal popup containing table rows, with Option element(op1) which gets its data from DB, But I am adding a small filter to that Option value, So When I add a new Option element on its change, it just add to the first row, and not to current row. For instance the modal popup have 5 table rows to enter data for 5 people, and there is a dropdown
Datepicker change the date format to DD, d MM yy..and i have it working But !
Me and my datepicker again haha,, Looking to change the date format to DD, d MM yy..and i have it working,, with this code : <script> jQuery.datepicker.setDefaults({dateFormat:"DD, d MM yy"}); </script> Or this <script> $.datepicker.setDefaults({dateFormat: 'DD, d MM yy'}); <!-- $('#datepicker1, #datepicker2').datepicker(); --> </script> but its not how the demo show you, This being the Demo and the rest of my code: Demo <script type="text/javascript">
Apply background color to multiple td's when its id is known
Hi all, I have a jquery function which gets the id value of td's whose checkboxes are checked. I need to color those td's. I have written this function which does not give me any error but does not color the td's also.. Here is the function: $('#custom-interval-tbl td').each(function() { $(this).find('input:checkbox:checked').each(function() { var tdId= $(this).attr("id"); var tdElement = $("#custom-interval-tbl td").eq(tdId); console.log("D Element"+tdElement); tdElement.css({background:"#333333"});
difference in length innerText and text()
Hi,Why does this give different results? var v=document.createElement("br"); alert("v"+$(v).text().length+v.outerHTML): returns zero alert("vg "+$(v).get(0).innerText.length): returns 1Regards
Tabbing past Datepicker control
Hi, I am having a problem where I have to hit tab twice before my datepicker control will lose it's focus. No matter if you type in a date, or select a date from the calendar the next control won't gain focus until you hit tab a second time. The first time you hit the tab button the calendar disappears then the second time the next control with get the focus. The desired response is that the first tab will close the calendar and also move to the next control on the page. I am using jquery 1.7.2
Error in jquery.ui.core.js, line 209?
I use jqGrid-4.3.3 in my asp.net mvc 3 app with jquery-ui-1.8.21.custom package. When I run my website in IE8, I got this error in an IE pop: '3' is null or not an object in jquery.ui.core.js, line 209 character 3, which I show here: function visible( element ) { return !$( element ).parents().andSelf().filter(function() { return $.curCSS( this, "visibility" ) === "hidden" || $.expr.filters.hidden( this ); }).length; } $.extend( $.expr[ ":" ], { data: function( elem, i, match ) { return !!$.data(
toggle/update container height when accordion opens
hello, I want to set a container's height dynamically (and maybe animate) when I open the accordion menu. this is my html code <div id="top"></div> <div id="container"> <div id="left"> <div class="logo"></div> <nav id="menu"> <ul class="menu"> <li><a href="#">link</a></li> <li><a href="#">link</a> <ul class="submenu"> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li>
jquery event existence
Hi, is there any way to do the next: lets assume I 2 buttons (b1 and b2) have a button and when I click b2 it's like i'm clicking number 2? I am using the dreamweaver SpryTabbedPanels and I want to create anther element that when I will click it, it would be the same as I have clicked on the the tab label. hope my explanation is good enough. thanks
closing tags check <br/> <input/>
Hi, How to check if an element has or not a closing tag? Example: 'input' and 'br' have no closing tags. Is there a way to know when traversing nodes? Regards
outerWidth(), IE and percentage
So I don't know why, but it seems outerWidth() isn't working properly for me. I have this <div> that I give a width of 70% inside a 800px <div>. The first <div> should then have a width of 560px. So I'm trying to get the computed width of my element, and I thought outerWidth was supposed to do it since in the documentation it says: Returns the width of the element, along with left and right padding, border, and optionally margin, in pixels. For some reason however, it refuses to output the width
JQuery Compatibility Mode Detection
Is there a way we can detect if the browser is running in compatibility mode and preferably switch the browser to IE 9 standards mode automatically?
trying to learn custom functions / methods in jQuery
I have some code that initializes text when the user changes country and when the page load determines the country from W3C geocoding. It works in Firefox and Chrome, but not IE, and Firebug says changeCountry is not a function. $('input[name=country]').change(function changeCountry(countryChangeCounter){ countrySelected = $('input[name=country]:checked').val(); //sets country abbreviation //do stuff }).filter(':checked').trigger('change'); //at ready, fire a change on the
difference beween ,contents() and contents().contents()
Hi, To get all textnodes in a paragraph I'm doing this: $('* p',$(frame).contents()).contents().filter(function(){ return this.nodeType == 3; }).wrap("<span/>"); because if I do it with just one contents() call: $('* p',$(frame).contents())..filter(function(){ return this.nodeType == 3; }).wrap("<span/>"); it won't get me all the textnodes. Shouldn't just one call to contents() get all the textnodes at once? Regards
Problem with variable length substring
Need to retrieve the eventID for the example. The event ID range length (1 to 4 charachers) Start at position 12. var eventID = $(this).text(); alert(eventID.substring(12, 4)) ;
How to get the return from the get method in a input field
Hi togehter, i have a problem: I want to get a variable from another site via ajax get. Here my code: $(document).ready(function() { $("button:first").click(function(){ $.get("text.cfc?method=checkIBAN", { iban: $("#testfeld").val() }, function(data){ $('#test').html(data); $('#testfelder').val(data.html); }); }); }); So I the right staff back but I want to fill the input field with this return. It doesnt work..
problem with firefox
please help me.which browser is suitable for jquery
Target row in table that has the clicked link
Hi. I have a table, with several rows. One row has a class of 'order_details'. Within the table I have a link. I want this link to show this row (default hidden). The problem is I have multiple tables, with the same structure. When I click the link, it opens all rows with the class. How can I say only open the row with the class 'order_details' that is within the current table? Thank you
Unable to click Table's Td on single click
I have table with check boxes in each row which is hidden. I have written a jquery function to check/uncheck the checkbox when clicked on TD and change its background color. My issue is I have to do double click on TD inorder for this change to happen. Can anyone please tell me what the issue is? Here is the HTML <td id="tid" width="10"> <label for="checkbox"><input type="checkbox" id="c1" value="checked" /></label> </td> JQuery Code: $('#custom-interval-tbl td').click(function(e) { if($(this).find('input:checkbox').is(':checked'))
Comment System AJAX/PHP in JQM
Hi! Im trying to build a comment system with AJAX, PHP and MySQL, but i have found some example that not working in JQM. Could anyone help me? Thanks very much!!
fullcalendar displaying "12a" in the title, even though I have no title format
fullcalendar displaying "12a" in the title, even though I have no title format, so I do not see an option to format this correct as I am literally passing a time. Does anyone know how to remove the 12a from where the title is displayed? I've read about this, an it appears to be taking a null from somewhere, but all fields are set with time, including the title value returned in json.
Button using data-rel="back" does not use slide transition in Chrome.
I have a button in a navbar to to back nagivation. Here is the syntax I am using: <a data-rel="back" data-direction="reverse">Back</a> The calling page uses a link such as: <a href="foo.html" data-transition="slide"> The transition works fine in Safari. In Chrome, there is no transition, it just loads the prior page. The weird thing is if I use the link : <a href="foo.html" data-role="button" data-direction="reverse" data-transition="slide"> instead of the prior link listed then chrome
Registering a dynamically created form
Hi everyone, I'm having problems submitting data from my dynamically created form. I believe the problem lies in hows it is being registered. It is submitting the form but not passing any data into my ajax call which is causing the PHP to fail. I use this in other places within my website and it works, but not when the form is created dynamically. You can find the jsfiddle here --> http://jsfiddle.net/skyros/ZFE7x/ What it does: HTML is loaded in dynamically using .load(); User selects an image
synchronize calls to the server from each() loop
Hi, I'm sending some html selected paragraphs from an iframe to the server to update a database. I have something like: $(".selected", $(frame).contents()).each(function(){ ... sendToDB($(this)); } But sometimes it takes time to update the database and not all the paragraphs are sent to the data base. is there a way to synchronize this loop with the response from the server?
Creating frame in IE
Hello, I want to create a frame, in this frame there will be content loaded which must me formatted with a specific style (the reason for a iframe). I wrote some code which works fine in firefox, but doesn't work at all in IE (I get an error). Does anybody has an idea how to fix this? I create a jsfiddle as a demo: http://jsfiddle.net/fBe3C/ Thanks, Sjaakmans
Next Page