event click doesn't work on firefox and ie
Hello, novice in jquery, I currently use it for suppressing value by clicking on a button. The click will display a confirmation pop-up and then delete the value after. My code works fine in google chrome but not in firefox and ie. I think it comes from the click event code jquery but i can't resolve the problem. Here is my html code: <center> <button class="btn btn-mini btn-red dropdown-toggle" data-toggle="dropdown"> <i class="icon-remove" rel="<?php echo $array[$i]->getId()
Can jquery api web page maintain selected menu on right side tree?
Can jquery api web page maintain selected menu on right side tree? Use Iframe or anything. It is really counter-productive need to find menu again again in the long tree menu. Thanks,
javascript doesn't work until refresh
i have this js code in my html file but it doesn't work until you refresh the page and i dnt know the reason why. here's my code <script language="javascript" type="text/javascript"> jQuery(function($){ var url = window.location.search.substring(1); $('#mydiv').load('real_news.asp?'+url); }); </script>
Enter Key Event Bubbling Up from jQuery Modal Dialog
(Also posted this in "Getting Started" forum, but it looks to me as though this forum gets a lot more attention than the other one, so I'm posting it here, too.) I have searched for an answer to my question, thinking that it is a common problem -- but to no avail. Here's my problem: I have a page where I have attempted to convert one of my old javascript alert dialogs to a jquery dialog. The dialog comes up just fine. And if I click on the "Ok" button, the dialog closes as it should. However,
Accordion Panel does not open. Help?
Hello, I'm redesigning a page for a business, but first they want e to fix their existing page. The one thing I don't know, however, is why their index page accordion panel does not work correctly (after 1st tab, the tabs won't open.) The content is in there, I just don't know why it doesn't work. www.pureboxdfw.com Thanks again for your help.
hello
<!doctype html> <html> <head> <meta charset=utf-8> <title>Q&A</title> </head> <body> <script id= blogTemplate type=tuts/template> <h2> {{title}} </h2> <img src={{thumbnail}} alt={{title}}> </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> ( function() { var content = [ { title: 'My awesome blog post', thumbnail: 'http://cdn.tutsplus.com/net.tutsplus.com/uploads/2013/06/david-walsh-preview.jpg', }, { title: 'My second awesome
Dialog is not showing
I want to show a response in a dialog but it is not working. <script type="text/javascript"> $(document).ready(function () { $('#btn1').click(myFunction); }); function myFunction() { var strSearch = $('#txt1').val(); var url = '@Url.Action("GetPassage", "Home")'; $.get(url, { 'strSearch': strSearch }, function (data) { $('#req1').empty().html(data).dialog('open'); }) } $("#req1").dialog({
what's the different between calling functions with () or without ()
hi , i have really big problem in understanding this . let say i have an object and my objects contain couple of functions var my_methods = { init:function(){ $(window).load(my_methods.create_element()); $(window).click(my_methods.window_clicking); }, create_element:function(){ //some code }, window_clicking:function(){ alert('hello world'); } } the both of the above functions calling w'll works
Delayed image display with fadeToggle()
Hi, this is my first post in this forum; I'm a total rookie on Jquery hence today's post: I'm trying to display several images contained in a HTML "table". I'd like these images to display on after another when the page is ready. I've tried several stuffs but can't get what I'm looking for. I've already tried to use ".each()" or a "for" loop but I'm stuck, could any good Samaritan help me out with it? Here's my latest try to get the idea: <script type="text/javascript"> $(document).ready(function(e){
Hiding OAuth secrets in jQuery
Hello, Below is some sample code from Yelp: <!-- This example is a proof of concept, for how to use the Yelp v2 API with javascript. You wouldn't actually want to expose your access token secret like this in a real application. --> <html> <head> <title>Yelp OAuth Example</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript" src="http://oauth.googlecode.com/svn/code/javascript/oauth.js"></script> <script
Coding problem, JQuery has been suggested as an answer.
I use JQuery in all my sites, specifically with AJAX load functions and various plugins. Basically, my issue is with my Navigation bar. When i hover over a button, i'd like the 2 images either side to change as well as the image that the mouse is hovering over. Is this possible in Jquery? Thank you for any help in advance, greatly appreciated!
How to use jquery and why..?
I am very confuse to using jquery and My question is why we use jquery and what is the purpose. This is simpler to javascript, php, or c++ lauguage. If anyone know all about coding of jquery please share with me. I want to learn it
how to get the real height for google chrome and safari
hi , i want to get the real height of the document by using $(document).height(); unfortunately i cant get the real height . the returning value is 1163 but when i took a look at the metric of the body it was 1193 , i don't know why this is happening maybe it bcz i'm using -box-sizing property . but this problem is happening just for webkit , i mean googlechrome and safari mozilla , opera and ie get the real height with no problem . but googlechrome and safari do not .
creating map
Is there a some tutorial to make map like this http://en.gw2codex.com/carto/ When you click area to zoom in and you will see lots of icons on it. I was searching everywhere and all i can find is googlemaps custom map which is not good for me.
Basic question about $(this) and > , and ! or .not
To start: $('#menu > li').mouseenter(function () { var $this = $(this); tabOpen($this); } }); I'm assuming that when the mouse hovers on any menu item, that $('#menu > li').mouseenter(function () determines which menu item or li object it was that fired the event. That object becomes $(this) and is assigned to the var $this, which is then passed to the tabOpen() function. function tabOpen($this) { $('a', $this).stop(true, true).animate({ 'top': '15px'
Fluid Images with Masonry
I'm trying to make a responsive layout with fluid images that work with Masonry and jQuery so when the browser window is resized the images will shrink or expand accordingly. When the images become to small or large, Masonry should then adjust the columns. Here is an example of the effect I'm going for: http://themeforest.net/item/pitch-responsive-creative-showcase/full_screen_preview/4558088 You can actually see this affect done on the Masonry homepage as well: http://masonry.desandro.com/ The problem
Text Input - Can be used as Notes in App?
Hi guys, I'm trying to build in a notes feature to my app using JQM. How can i make the notes stay on the device when the user comes out of the app? Cheers, Nat
position().top returns unexpected value if element has display: none
I'm trying to position a popup dynamically if the window is scrolled to the point where my default position wouldn't be appropriate. The div has an id style: #gallery { position: absolute; top: 90px; display: none; } I'm trying to compare $(window).scrollTop() with the current top value - if the current top is less than the scroll position, I change the top to the scroll top plus a small additional amount. The reason I'm trying to read the current top is so that I can have an arbitrary top
dialog.html() changes stacking order in 1.10.3
I'm not sure if this a bug or not. I have several dialogs open and would like to update the html content of them (refresh them) without changing the stacking order. To make the refresh happen existingDialog.html(newContent) is called and this sets focus to the dialog which changes the stacking order. This does not happen in 1.9.2 and is (to me) a bug. I have confirmed that focus is being set by handling the dialogfocus event and printing to the console log.
Issues with Dynamically generated rows for a form
Hello people, I have a time entry form where 4 inputs exist - 1. Select id="project" based on which 2. Select id="task" is generated, 3. This is a hidden text input which shows when option "Add task is selected" in tasks select This is being achieved with jquery & js 4. Fourth and last is time entry for each day of week . Now what I did is included an "Add Row" button that replicates these 4 fields on click. The change in one select field is mirrored across
How to connect my website with my own made jquery site?
Hello, I've made my website with Artisteer 4 and Artisteer automatically creates a responsive design. But i've made my own mobile website with jquery and when i visit my own website with for example iphone i see the responsive design that artisteer has created. When I visit my website using a mobile device I wish that I get to see the mobile site of jquery. How can i do that. I've tried to upload the jquery files to the same folder als my website but i didn't work. Gr Boris
AJAX/JSON
is there a jQuery JSON example with a more complex JSON than this one? http://api.jquery.com/jQuery.getJSON/ I need to leverage a JSON that is a bit more complex that this...;-) would appreciate it someone could point me to an example anywhere with a more complex JSON.... thank you very much....
Trying to get link Hover animation to stay if clicked.
I have a menu bar made from a <ul> list that if you hover over a link, the tab for that link rises up, just like it would on a mouseOver. And, the tab drops back down when the cursor is moved off it, a mouseOut. If you click on the link while in hover, a div will slide out below. To get rid of the div, one would click the "Hide" link inside the div. What I'd like to do however, is if a link is hovered over, which raises the tab, if it is clicked and displaying the slide out div, I would like the
executing specific javascript on specific pages
Hello and good morning everybody. I am developing a mobile version website with JQM 1.2.0, and I need to execute some specific javascript only on specific pages. My problem is: how do I get JQM to recognize which page it is on and so having it execute only the javascript specific to that page? In the desktop version I used a page template with a main div whose ID is "page" (literally): <div id="page" data-role="page"> ... main content, generated by PHP, accordingly to URL path ... </div> So, strategy
Draw a Windrose
Hi, does anyone know, how can i plot a windrose? at this time i use jqplot for my graphics, but i found no solution to create a windrose like this here: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/polar-wind-rose/ i dont like the licence terms of highcharts. perhaps anyone have a nice idea. thx and regard
Why script doesn't work
Hello dear jquery people. I'm new in jquery I have some code: My index html: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > <link rel="stylesheet" type="text/css" href="test.css"/> <script type="text/javascript" src="jquery-1.10.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { (function ($) { //тут превращаем select в input var id = "test", $id = $('#' + id), choices = $id.find('option').map(function (n,
Hi, searching for a specific script
Hi all, I would like to know what is the script they are using here: http://www.templatemonster.com/demo/41717.html When you click a link in the menu, the page/frame/content comes right to you. How can I make this? a one page website, like paralax, but different.. Thanks in advance, Amit.
jQuery Dialog 'manual vs script' close event
Hi, I am using the jQuery dialog, and I have a close event hanlder as well . Close event is firing even when I close the dialog using the script. I want to differentiate between the dialog manual close (by clicking the x button) vs the script close. Do I have any separate event or parameter which will give me the details? Thanks, Jesu Benin.
TableSorter embedded dropdowlist
HTML Generated: <th> <div class="dropdown"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Options <span class="caret"></span></a><ul class="dropdown-menu"><li><a href="/units/Edit" id="186c2de7-9328-4d92-8061-4e0b4cc97b28">Edit</a></li><li><a href="/units/Details" id="186c2de7-9328-4d92-8061-4e0b4cc97b28">Details</a></li><li class="divider"></li><li><a href="/units/Delete" id="186c2de7-9328-4d92-8061-4e0b4cc97b28">Delete</a></li></ul></div> </th> Code: <tbody> @foreach (var
change defoult language
Hi is the first time that I have to do with jquery and a customer of mine asked me to change the main language of the site the site in question is www.manetti.it which file I have to modify? thanks to all peppe
Checking value in array
Hey all, im kinda stuck with something so I could really use some help. I dont really know how they're called but I made this class? below: function Artist(title, image, availability) { this.title = title; this.image = image; this.availability = availability; } Then I filled an array with it: var artistList = [new Artist("Aad", "Artists/Aad.png", "yes"), new Artist("Piet", "Artists/Piet.png", "no"), new Artist("Jan", "Artists/Jan.png", "yes")]; How can I check in this array which artists have a
Problem using ajax tabs and accordion on 2 different tabs
Hi guys, I am having a problem using JQuery UI Tabs widget and Accordion widget. The problem: - I have a page with 4 tabs that are loaded via ajax, 2 of them have accordions inside a div. - On these 2 pages, they initially load normally, then if the user click a button, a jquery script does a post, then does a html(data) on that div with the data that came from the post. This data contains the same html elements that wore there before (including the script that initializes the accordion) but with
Jquery Remove Table row by value
I Would like to use Jquery to remove 3 table rows (tr) depending on whats in the row. For example these are the rows I want to remove from the table. <tr><td><a href="index.php">index.php</a></td><td>PHP</td><td>2.45 Mb</td></tr>\ <tr><td><a href="bootstrap.min.css">bootstrap.min.css</a></td><td>CSS</td><td>71.46 Mb</td></tr> <td><a href="bootstrap-responsive.min.css">bootstrap-responsive.min.css</a></td> I dont want these three files appearing the the table at all. Can these be removed using JQuery
JQuery Mobile too too slow !!
Dear Friends, I am developing a Mobile template for my custom php based website using JQuery Mobile. After developing few pages, when I tested the system in my and my friend's Android Mobiles and Tabs, I realized that it is running hell slow. I mean, its running slower than the desktop version of the website !!! Sometime it loads, sometime it doesn't. Sometime the links open, Sometime doesn't. Sometime it gets stucked at the loading. http://98.130.200.34/ayan/mobile/dir/ (Open the site in real Mobile
For each loop change image by data element
I have a function that loops through all my img tags takes the data attribute and makes an AJAX call. The result of which determines what image each element should show. It nearly works perfectly, but when it updates it replaces all the img with the same jpg. $("button.checkStatus").click(function(){ //This Ajax checks the current on/off status of the passed X10 code $('.checkStatus').each(function(i, obj) { $x10Device = $(this).data("x10"); var data
Webkit Problem using animate();
Hello Community, i have an urgent problem regarding all Webkit Browsers(Safari, Chrome) with the following jQuery Script: http://jsfiddle.net/7g3Gs/4/ It would be such a help if someone could tell me how to fix this issue for Webkit Browsers. The Flyout Part of the Boxes is slipping into the next column and looks really buggy:( In Firefox & IE it works just fine! Thanks for any help in advance! philippsen
Anybody interested in reviewing a jQuery book? Here's what you have to do!
I have a few e-copies of jQuery Hotshot available for review. If interested, just do the following: 1. Drop an email to me with the subject line as "jQuery Hotshot - Review Request" on paushalim@packtpub.com 2. State in your email your choice of website for posting your book-review (can be your blog or website and/or Amazon.com) jQuery Hotshot walks you step by step through 10 projects designed to familiarise you with the jQuery library and related technologies. Each project focuses on a particular
Anybody interested in reviewing a jQuery UI book? Here's what you have to do!
I have a few e-copies of Instant jQuery UI Starter available for review. If interested, just do the following: 1. Drop an email to me with the subject line as "Instant jQuery UI Starter - Review Request" on paushalim@packtpub.com 2. State in your email your choice of website for posting your book-review (can be your blog or website and/or Amazon.com) Instant jQuery UI Starter covers all the utilities of jQuery UI that you will need to create stunning visual interfaces. Diving into core features
automated tool to identify unused js functions?
Hello - I've been asked to remove all unused js functions from an application. What's the easiest way to do this? It seems like it would be pretty easy for an automated program to do this. For example, a regex to find each function xxx() in the code base and then perform a text search for xxx references. Are you aware of any existing automated tools that do this?
Transition to large page
Hi. I have multipage template. I load data in it before any action can be performed and have a link with transition to page, which I already loaded to DOM, the page contains large listview. So, tested with tablet (Android 4.1), I get transition to page, containing listview, to take about 5, 6 seconds, which is not normal behavior, as I expect to not waste any time on navigation, why so I loaded all content at the beginning. What can improve the performance with transitions to large pages? is it bad
Next Page