Looking for the right place to look for jquery.
Greetings everyone, I am still semi new to jquery itself and still learning it. I have a design that I want to do was going to do this all in html5 and css3, but thought of why not do the design in jquery since I need the practice with it. What I am wondering before I go all out and rack my brain; Is there any jquery plugin or a good place to look for something that will do the following? What I want to do is have a menu (which is populated by database like wordpress or joomla; not hard coded). Which
Why certain text doesn't display
Obviously, new to Jquery. Here's the file: <html> <head> <script type='text/javascript' src='jquery-1.9.1.js'></script> <script type='text/javascript'> if ($) { $(document).ready( function() { $('p').addClass('Loaded'); $('p').text('jQuery loaded and running!'); } ); } </script> <style type='text/css'> p.Loaded { color: green; border: 1px solid green; } </style> </head> <body> <p> jQuery is not loaded. </p> </body>
Square brackets in Number() function
Can anybody tell me the purpose of the [1] in the expression Number(MyNumber[1])?
reading from a text file
Hi i m using the code below to read text file content. The text "Let jQuery AJAX Change This Text" doesnt change at all. I have tried .. $("#div1").load("file:///C:/demo_test.txt #p1"); $("#div1").load("demo_test.txt #p1"); $("#div1").load("C:/demo_test.txt #p1"); Please help. Thanks ------------------------------------------------- <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script> $(document).ready(function(){
Need help in jquery and ajax
Hi , I am developing html 5 mobile app using jquery mobile. I want to do an operation which actually takes the user name and password as input and login. This actually involves in communicating the cloud. I tried using ajax script but it din't work. The most common error am getting is ReferenceError: "Can't find variable: $" am actually following $.Ajax({ url: type: "POST", data:'uname=' + encodeURIComponent(document.getElementById("uname")) + '&password=' + encodeURIComponent(document.getElementById("password")),
How to make a textbox accept only "c" and "d" letters?
I want the textbox to accept only either a "d" or a "c" nothing else. If a user enters an "a" or "b" it must be wiped. Also, is it possible to limit the textbox to English language only? I don't want the user to enter an alphabet in another language by mistake. I want it to stick to "c" or "d" and nothing else.
.js include
I am super newby in JS, and have a problem. I want to write a script in a separate file and link it to html, but it`s doesnt working. here is code <!DOCTYPE html> <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="js/zenit.js"></script> <style type="text/css"> @import url("styles.css"); </style> </head> <body> ... </body> </html> its work well here - http://jsfiddle.net/corpz/q4RTT/36/
trigger("create"); works in jqm 1.2 but not in 1.3
I have got a dynamic injected form element and initialized by calling trigger("create"), the following code works in jqm 1.2 $("#rightpane").append("...form element code...").trigger( "create" ); alert("initialization completed"); but in jqm 1.3 it just hanged on that trigger("create") line and the alert code never executed nor the form element "JQMed". is this trigger("create") still supported in jqm1.3? or I have done anything wrong?
Duplicate the functionality of AIOSearch.com a Multi-Tabbed Federated Search Engine using JQuery
Hi, I have a possible consulting project for someone who could duplicate the functionality of a site located at http://www.AIOSearch.com using JQuery and JSON. Some experts have told me that this can not be done using JSON and JQuery to access data using AJAX or JSON and JQuery. Here is a sample JSON query we would like to return into either the 2nd or 3rd Tab of a Multi-Tab Browser emulator like AIOSearch.com {"nodes":{"oemstrade":{"requests":[{"id":"B7AA61AB-A48A-45CD-8E99-EA646571CC7C", "name":"GRM155R61A105KE15D
Jquery lightbox with comment box
I got an light box coding in jquery it will show an image . now i need to alter the Jquery to add some comment box with the image . i tried to do that but comment box keeps on increasing i dont know where to insert the code any anyone help me with this (function(){ /* Private variables */ var overlay = $('<div id="galleryOverlay">'), slider = $('<div id="gallerySlider">'), comment= $('<div class="fb-comments" data-href="http://www.bluetopten.com" data-width="350" data-num-posts="10">'), prevArrow
jQuery .match multiple words
Hello, I have a variable .match and it is working fine when I am looking for one word or two words next to each other. example one word: var car = !! entry.content.$t.match(/car/i); "This is a blue car" --> true "This is a red car" --> true etc... and "add" the color to my car: var car = !! entry.content.$t.match(/ blue car/i); "This is a blue car" --> true "This is a red car" --> false etc... But what I need the match of two separate words in a sentence like: "This car has the color blue" -->
Help on menu click
Hello guys, im new to jquery, i got this code from another site, and i dont know how to change it properly. $(function(){ var menus = $("#individuals, #institutions"); menus.click(function(){ menus.not(this).removeClass("menu_ativo_english"); $(this).toggleClass("menu_ativo_english"); }); }); PS: "#individuals" and "#institutions" are the menu id's. "menu_ativo_english" is the class that i used to change the background of the current ID. im using
jQuery dialog not working properly
Hi, I am facing this problem for quite long time. $(this).dialog('close') working fine first time but not second time. I am using ajax, so there is no page refresh occurs. Until ajax call is successful dialog closing properly. And once ajax call is made its not closing even if submit/save button is clicked. Here is my code, CODE: jQuery.noConflict(); function submitDetails() { var inptUserName = document.getElementById('username').value; var inptPassword = document.getElementById('password').value;
Drag n drop, clone, rotate on one object
Hello I have a problem. I am new in jquery. I neet do following things. I have 10 square puzzles (unlimited quantity) wich i have put on a grid and then on mouse click rotate right 90 angle (unlimited times) I found in the net this: http://www.placona.co.uk/166/javascript/a-more-elaborated-jquery-drag-drop-cloning/ and this http://jqueryui.com/draggable/#snap-to (I base on this script - last square) and this http://code.google.com/p/jqueryrotate/wiki/Examples (Example 5) But i have no idea
code not working without alert in JQuery and asp.net mvc
Hello All, I am working on JQuery but am getting problem while running the code . If I add alert in code then only below code works but I don't want this. I want to work this code without alert. Please help me for the same Below is my code: /* Add a select menu for each TH element in the table footer */ $("#dvddl div").each(function (i) { alert("test"); this.innerHTML = fnCreateSelect(oTable.fnGetColumnData(i)); $('select', this).change(function
How can i Make this Math function work
I am trying to create this math function that I seen online but I am getting it wrong. When i try to submit it does nothing. it is supposed to be ... rate + rate/((1+rate)^months)-1) * principal In my code below I have interest as rate,years as months and amount as principal . My code is $('#loan_payment').click(function () { $("#years") * 12; var mat = parseInt($('#interest').val(), 10) + parseInt($('#interest').val(), 10) / (Math.pow("#years"(1 + "#interest") - 1)) * $('#amount');
Tooltip help
I'm new to jQuery and I'm trying to create a tooltip. I made a very simplified version of what I've done so far below that you can run. I get the tooltip to fade in when the mouse is over the span and when the mouse leaves the span the tooltip fades out. Now if the user wants to, say, copy the contents of the tooltip or click on a link inside the tooltip then the tooltip has to fade back in as the mouse leaves the span and goes over the tooltip. Therefore the tooltip can't fade out too fast because
Slider do not Restart on The Last Image!
I have a problema my animation stops on the last slide and do not restart, what i have to do make it continuous? You can see it live in www.lojapontointimo.com.br I'm using this cody: $(function() { $('#s1').cycle({ delay: 6000, fx: 'scrollLeft', timeoutFn: calculateTimeout }); }); // timeouts per slide (in seconds) var timeouts = [2,4,2]; function calculateTimeout(currElement, nextElement, opts, isForward) { var index = opts.currSlide; return timeouts[index] *
How to make an animated menu like this?
How to make an animated menu like this? http://www.blueacorn.com/ *Some tutorial example? *What tools would I have to use, since the creation of images ...?
private variable
In this example, the variable "test" is override to the value '2' because of the last call with "#test2". Is there a way for the variable "test" to be private for each call ? (function ($) { var test = 0; function alerttest() { alert(test); } $.fn.testing=function() { var args = arguments[0]; test = args.test; $(this).bind('mouseover', alerttest); } })(jQuery); $('#test1').testing({ test: 1 }); $('#test2').testing({ test: 2 })
Cant post a question?
I try to post something it says this post is a spam? What is wrong with the forum?
jquery carousel/slideshow for phpBB?
Hello, How would I go about implementing one of these on my phpBB forum: www.lawstudenthub.co.uk As you can see, I have a number of small images in a row on the index page which I would like to turn into a jquery carousel/slideshow. Thanks.
Create an event dyanmically, after reading a text file
I am trying to setup a html which performs the following: read a text file from the server using data in that text file, create dynamically buttons in the html page (say, one button per line) assign a handler for the click event in every button, triggering the same function for all of them, but changing the data passed. I got to work if I create the buttons without reading from the server, so using a internal variable that handles the values .... but, when getting to the file, I am able to read the
The function definition.
From http://learn.jquery.com/javascript-101/scope/ I do not understand why the first one is better than the second? // Functions can see changes in variable values after the function is defined var myFunction = function() { var foo = "hello"; var myFn = function() { console.log( foo ); }; foo = "world"; return myFn; }; var f = myFunction(); f(); // "world" var myFunction1 = function() { var foo = "hello1"; var myFn = function() { console.log( foo );
broken image problem
Can someone help how to fix broken image problem in jquery, I can see the broken image icon on my browser after refresh and If I right click on that broken icon and go to properties it shows that it is the right Image but it does not show the image itself rather it shows only the broken icon of that image. I did try it on all browsers, firefox,chrome,IE and is not cache problem. This is the website, http://worldmarketing-site.com
Is it possible to put a function that returns a promise inside a click handler
Kind of like so, $('#sbItems a').on('click', function (e) { e.preventDefault(); // Do stuff urlId = stuff; function citeAjax(urlId) { return $.ajax({ type: 'GET', url: 'https://www.sciencebase.gov/catalog/itemLink/' + urlId + '?format=jsonp',
Changing div tag order
Hi, I would like to change the div tags order. I have written below my html codes. Existing div tags in html page. <div id="main"> <div id="divone">Content for div tag one</div> <div id="divtwo"> Content for div tag two </div> <div id="divthree"> Content for div tag three </div> <div id="divfour"> Content for div tag four </div> </div> I would like to change the order of the divs like, <div id="main"> <div id="divone">Content for div tag one</div>
How can I use promise.done() with a function that accepts an argument to use in the ajax url to be returned ?
I've done this succesfully without the argument but if I wanted to put an argument in to be used in the url could I do, function citeAjax(urlId) { return $.ajax({ type: 'GET', url: 'https://www.sciencebase.gov/catalog/itemLink/' + urlId + '?format=jsonp', jsonpCallback: 'getSBJSON', contentType: "application/json", dataType: 'jsonp' }); } var citePromise = citeAjax(); but I'm not sure
JQuery Form
Hi! I am new in jQuery and AJAX and I need a simple code of Image upload and some data upload on the db and showing without refreshing the page, I am using WAMP and phpMyAdmin So send mysql file too! I shall be very thank full to you!
code optimization
How can I optimized the following code ? thanks $.fn.testing=function() { var find = '#' + $(this).attr('id') + ' > li'; $(find).bind('mouseover', testing_mouseover); }
Can't use data returned from ajax call in seperate .js file ????
I've been trying to figure this out for a long time (and thanks to those here who have helped) and I'm slowly getting how promise works in jquery (at least I think). My issue still seems to be using the return in another file... So I have a file called request.js with this code, function testAjax() { return $.ajax({ type: 'GET', url: 'https://www.sciencebase.gov/catalog/items?parentId=504108e5e4b07a90c5ec62d4&max=60&offset=0&format=jsonp',
Lost in the Woods!
Lets say You want to: hover over a link- then have a picture appear, hover off the link- picture goes away then if you click on the link- picture appears and stays when yo click on the x the picture goes away
function not working
function firstFocus() { $('#form-first').hide(); $('#first').show(); $('#first').focus(); } function firstBlur() { if ($('#first').attr('value') == '') { $('#first').hide(); $('#form-first').show(); } } //functions called from an external js file <input type='text' id='form-first' name='first' value='First Name' onfocus='firstFocus()' size='50' > <input type='text' id='first' name='first' value='' size='50' onblur='firstBlur()' > I'm new to Jquery and can't seem to get the firstBlur
Issue with google chrome, please help.
I loop through inputs on my page and two of my inputs are autocomplete combobox. I get the value through looping on Internet explorer but on chrome, I don't get the values of it. Is there any solution for that? this is the loop. $("#table tr:gt(0)").each(function () { //$(this).find('td').each(function () { _myqu = ""; $(this).find('td input[type="text"]').each(function () { if (($(this).attr('id')
No date info on form submit. (html/php)
Hi all. I'm obviously missing something simple here, but I don't seem to be able to retrive the date info from my form. I'm using html for the form and php to process it. This is my html file. <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Reminder - Set up a new event</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
Advice needed for jParallax
Hey all... I'm very, very new to CSS/HTML/JS. I'm intelligent enough to take someone else's code, modify it a little, and come up with something neat. However, I quickly get to the point where about everything I do just breaks! Could someone take a look at my site and tell me how to implement the CSS3 multiple backgrounds technique on all of the slides in my design? I want all slides to behave like the 4th one, the one with the soldier on it. I'm a Microsoft certified enterprise administrator
IE8 handsontable error : Object required.
Hi Guys, Everytime i refresh my webpage or call the handsontable.js , iam getting the following error Object required and it is pointing the line : 5324 in the jquery.handsontable.js file . 5324 : this.x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; I'am using 0.8 version.. I'm thinking that is something related to DOM load but cannot confirm that.. Any help will be more than appreciated.
What happens when javascript fails?
First off, I'm quite new to javascript and jquery. But in the past couple months I've come a long ways. My question is basically this: I've got an onload event setup on my body, which uses the PerformanceTiming features to log certain data. My understanding is PerformanceTiming only works with browsers supporting HTML5 What happens is a clients browser does not support HTML5? Will it stop executing javascript once it hits the unrecognized code? What about the execution of different javascript at
Joomla dropdown menu horizontal/vertical
I’ve made own Joomla template, but I don’t know how to create a superfish horizontal menu bar. What I found in http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started is it understandable for me. I still dont’t how to use e.g. in„top” module positon.So I need some detailed process 1. link to the head tag: <script type="text/javascript" src="superfish.js"></script> (Probably this javascript has been called in template/xxl/index.php) 2.It says „Call superfish() on the containing ul element”.
Reload of php file to div in lightbox-style
Hi everybody, sorry for asking such a maybe dumb question, but something isn't working out like I except it. I have two php files, one you can see as index.php, the other should have some content from different db-queries. The first one (index.php) contains a table with weekdays as rows and columns for what you like. Every different cell-click to this table should do a different db-query. If I click monday, column 1 it probably will query "select release from os", if I click on column 2 "select *
Next Page