Tabs not working in Firefox or IE
I have two sets of tabs on one web page. In Safari and Chrome, tabs are working fine. But in Firefox and IE there is an issue where the first set of tabs are not working. http://denmanrealestate.businesscatalyst.com/denman-island-listing/9461-McFarlane-Road Any help is appreciated as this is my first time working with jquery. Thanks. Sean
keyboard navigation for two instances on a page
Hi, I have a blog post page with a next and previous post navigation with the following mark-up. <header role="banner"> <nav class="next-prev cf"> <a class="ajax prev" href="<?php echo _LINK_PATH;?>a-desert-is-a-place-without-expectation">Prev – <span>title of previous blog post</span></a> <a class="ajax next" href="<?php echo _LINK_PATH;?>a-desert-is-a-place-without-expectation">Next – <span>title of next blog post</span></a> </nav> </header> I have
Question about either Toggle or addClass
HI, It would be awesome if someone could tell me how to approach this. I have an unordered list like this: <ul id="add_class_to_this"> <li> <ul> <li> <a href="#" id="trigger>Trigger</a></li> <ul> <li>Other Stuff</li> <li>Other Stuff</li> How would I go about making a toggle of some kind to add and remove a class from #add_class_to_this when #trigger is clicked the first, second time. Also, there are going to be several of these <ul>'s on
keypress() not working in IE8
I am making a typing speed test and I am having trouble with IE8 ( I have only tested in Chrome v34.0 and IE8 so far.) In IE8 the keypress is coming back as undefined. I have this inside of a $(function() { var lastLetter; $('#typedTextBox').focus().keypress(function() { if (errorTest === "hasn't started yet") { errorTest = 'running'; run = setInterval(count, 1000); } //STOP ERRORS FROM PEOPLE HITTING SPACE BAR TWICE IN A ROW !!NOT WORKING IN IE8 var thisLetter = event.which; if (lastLetter
how to use cross-domain to ajax load?
i add header to "bbb.com" php server like this header("Access-Control-Allow-Origin: *"); and in aaa.com like this <a href="http://bbb.com/" data-ajax="true" >test</a> but is not ajax load, how can i do? i need ajax load, sigh, demo please,
Function is executing automatically
Hello Everyone I am failed to figure out that why this function is been calling automatically .. I am trying to invoke it from another function but even if i do not call this funtion from other method ,, still it is been executing. function tab(){ var oTable = $('#example').dataTable( { "processing" : true, "ajax" : { "url" : "/Riyan/DataTableServlet", "dataSrc" : "demo", "type" : "GET" } }); };
Video Player
Estou desenvolvendo um player de vídeo e esta acontecendo um problema quando carrego outro vídeo, quando abro uma nova div no jquery usando o load do jquery os timer do video bagunçam e ficam piscando os 2 timers do vídeo anterior e do novo vídeo, os timers do vídeo estão nesse código: ----------------------- I'm developing a video player and a problem is happening when I load another video when I open a new div in jquery using the jquery load video mess up the timer and blink timers 2 of the previous
Play a song on a click without leaving the page
I'm new to this so sorry in advance! I'm making my own site and I saw this site http://headlockmusic.com and when you click on a song, it plays without leaving the page. After looking around I'm almost sure that it's a query thing. Could someone please pass on a way that I can do the same thing with my songs. Thanks a lot.
Tab activate on Menu item select
$(function() { $( "#menuA" ).menu(); $( "#menuB" ).menu(); $( "#tabs" ).tabs(); }); <div id="tabs"> <ul> <li><a href="#tabs-1">A</a></li> <li><a href="#tabs-2">B</a></li> </ul> <div id="tabs-1"> <ul id="menuA"> <li><a href="a1.html">A1</a></li> <li><a href="a2.html">A2</a></li> </ul> </div> <div id="tabs-2"> <ul id="menuB"> <li><a href="b1.html">B1</a></li>
ajax plist & pull info
Hi, I'm trying to read a .plist file on the server and pull specific info. Have gotten it this far, but not sure where it's wrong. Nothing is being output to console. $(document).ready(function() { $.ajax({ url: "http://www.server/pathto/my.plist", cache: false }) .done(function(data) { $(this).find("date").each(function() { var item = $(this).text(); //var bkset = ? //var bkset_time = ? console.log("item: " + item); }); }); }); I want
Process http data-stream incrementally from browser
I want the browser to read a stream of numeric data (let's say, comma-separated integers) from an http-url on the server. The stream is finite, but can be quite long, and I would like to start processing the data in javascript (draw a html5/canvas/2d graph) incrementally as the data is received, without waiting for end-of-stream before start drawing, thus avoiding to hold the complete stream in browser's RAM. And in a fashion that works on all major browsers, of course. But how do I read the http-stream
How to read in a craigslist page and wrap page elements with jquery objects
Is there any way do develop a set of tools with jQuery than when a craigslist page loads each add can operated on with jquery methods.
how to make this effect
i look a website,i think its very beautiful ,but i don't understand much about it about the header,can you tell me how to use jquery to make this effect come true. the website link is http://www.beneficiationmachine.net/
Show Hide does not work
My first jquery script does not work. I want the div only to show when the second value of a dropdown is selected.
Changing 1, or 2 or Last word.
Hi, I have just read this topic about changing the first word of a title with jquery and CSS : http://forum.jquery.com/topic/changing-first-word In fact i wanted to know if it is possible to select 2 words with that system ? O r the last werb for example..; ANybody has an idea ? Thanks a lot by advance... PAO Production
How to pass arguments to plugin?
Hi $.fn.greenify = function() { this.css( "color", "green" ); }; $( "a" ).greenify(); How should I pass arguments to "greenify()? Thanks Varun
Difference b/w $.fn.some and $.some in jquery?
Waiting for your response Thanks Varun
Jquery ajaxSubmit not working in internet Explorer
I have a form that i want users to upload a form containing an image file with,The form is submitted using ajaxSubmit() method (to a php file that creates thumbnails). Everything is working fine in Firefox and Chrome and the processed thumbnail is being returned for user confirmation upon which it is then inserted to a database. The problem is that it doesn't work with internet Explorer!. After the submit button is clicked, the loading image pops up and doesn't get away.in short,it seems that the
Video Player - Fullscreen system and progress bar
I work in vídeo player, and fullscreen system is the problem, how make this toggle ? Current script: <script> $("#nome").click( function() { var element = document.getElementById("nome"); if (element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if (element.webkitRequestFullScreen) { element.webkitRequestFullScreen(); } }); </script> and the progress bar, anyone has more examples...
Validate jQuery plugin, field not required
Hello I have got a problem with my form. For the telephone field, I would like that is not required but in the right format if it's filled (10 digits). If the form is empty and if it's validated, why the green image is displayed (validClass) ? How to make for that the image is displayed only if the field is completed and in the right format ? Leave the form blank and confirm to see : http://jsfiddle.net/Xroad/Y3GJr/ $('form').find('.error-message').hide(); $.validator.setDefaults({ errorClass: 'error-image',
JQuery Mobile and database
Hello, I'm new to JQuery mobile, i need to know what's the best database for my application knowing that : 1) I need my database to be shared with all the end users not on the client side; 2) I did already a conceptual data model with entities and associations , i don't know if i can convert this with JSON because i never use it, i often use the relational database. and i need to know where i will stock the data and which API should i use ?? Also if there is any tutorials in this field please share
FadeIn anti-aliased font problem for IE6-8
I have this html code <li class="viewport"> <a href="#" target="_blank"> <div class="xq"><h4>Hello</h4><p>More</p><div class="xq-bg"></div></div> <img src="./images/grid-view/20130515111734676.jpg" alt="" width="156px" height="120px"> </a></li> .viewport{ width:156px; height:120px; position:relative; float:left { .xq{ display: none; height: 100%; position: absolute; text-align: center; text-decoration: none; width: 100%; z-index:1; color:#fff; cursor:pointer;
Progress Bar - Video HTML 5
How to make the video progress bar (progress bar) in HTML5 and jQuery? I already have the layout of the player and the basic commands, but lacks a progress bar... $("#playerplay").click( function() { $("#nomedogame8").trigger('play'); }); $("#playerstop").click( function() { $("#nomedogame8").trigger('pause'); });
How to create an object which is both draggable and droppable in jquery?
Hi Waiting for your response Thanks Varun
Installing jswidget easy-comment fails when trying to Submit the comment
First, I attempted to contact support@jswidget.com - but have not had a reply. Second, I see a problem with similar description which was asked 1 year ago - and it seems to have no resolution. Here is my situation: I have attempted to install the easy-comment files at http://www.miscelpage.com/easy-comment/ I have a page at http://www.miscelpage.com/allshare/1fopt.shtml , where I attempted to follow the install directions. In the head section I have included: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js">
Jquery plugin to create a collage of text?
I want to create a Text collage like this - I searched for about an hour but didn't find any. There are only photo plugins.
Please resolve this problem coming either due to html or due to jquery?
Hi <html xmlns="http://www.w3.org/1999/xhtml"> <title>Simple jquery drag and drop div example</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js" type="text/javascript"></script> <style> .aParent {float: left; clear: none; } #leftSlot, #rightSlot { list-style-type: none; margin: 0; padding: 0 0 2.5em 10em; float: left; margin-right: 10px; } #leftSlot li, #rightSlot li
table with images with an onclick event to show more info in another area
Hi, I am a newbe with jquery. I try to implement some table with images. When you click on the image you will see the title, description of the image in another area (some reserved div or something). See also picture below. On the left 4 pictures, in the midle the info of the selected picture, on the right 2 pictures. The pictures are comming from some source inclusive the title and description. For example. It is an object "Department" with 3 columns: Title Description Picture
Setting connectToSortable
Hi, I have two draggables functions which are almost the same except for the connectToSortable function. I tried to set connectToSortable depending on a data attribute, but without success. So is is not possible? Because it would save much of code. Thanks in advance Code example: $('.if-module-drag-to').draggable({ appendTo: 'body', helper:'clone', connectToSortable: '.dg-modules', start: function(event, ui) { $('.drag-box').hide('slow'); //hide Interface menu $('.dg-modules').css({'border':
Numeric Validation
How to validate a TextBox with numeric numbers 1234567890, user cant write A-Z any word. When user type A-Z any word an error message should be appeared and TextBox should be onfocused I hope you got my point...
ERROR IN AJAX CHATTING ROUTINE
Error: json_decode() expects parameter 1 to be string, array given <HTML> <HEAD> <STYLE> #CHATBOX{ position : absolute; top : 900px; left : 2%; width : 100%; } </STYLE> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script> $(document).ready (function(){ var LLAST = 0; function CHATTING(){ DATACOUNT = { "LLAST" : LLAST }; $.ajax({ type : "POST", url : "http://localhost/AJAXPHP/JQUERY/CHATTING/CHATTING.PHP", data
Autosuggest system but with multiple input search (database field) values
I didn’t quite know how I could easily describe my question in the title, in a way you guys would immedialty understand my question, so ill try to be a bit more specific below. Recently i downloaded a jquery autosuggest system with which I can search for persons by typing in their first name, last name and/or town. For testing purpose i created 1 'fake' person. I gave my own touch to the autosuggest system but I can’t seem to fix the following problem because i am lacking the jquery skills: When
different function styles
Hello, the standard js function structure looks like this: function Test() { alert('Test'); } However, I'm seeing some functions in code with this style: Test = function() { alert('Test'); } What's the difference between these 2 different styles and in what scenarios would you implement the second style instead of the first style?
Sliding with animate
Hello, I'm doing a website and I want the name of the author of the post to slide when the users hovers on the post. Unfortunately, nothing happens, this is the code, could you please tell me where the error is? Thanks. var isHovering = true; $(document).ready(function(){ $(".posts").hover(function(){ if(isHovering == true) { $("p.author ").animate({ left: '200px', border: '0px' }) isHovering = false; } else { $("p.author").animate({ left: '0px', border: '2px'; }) isHovering = true; } }) });
line animation onLoad
Hi all, In fact, I see this animation here ,and I try to modify it where the line animation for .progress span moves vertically and the two div tags ,div.left slides to left and div.right slides to right after the line animation complete. here the code. where the output is nothing appear ,Although the height of the span Increased. and I get this error "Property '#<Object>' of object #<Object> is not a function ". Thanks
how to set layout in theme roller
I am new to theme roller. I had experience of bootstrap where I use span to adjust the layout.. what should I do to adjust layout in theme roller? for example.. I want to make left side bar width: 25% then right side bar width:75% same as in bootstrap I use to do. <div class="row-fluid span12"> <div class="span3" asdfsa </div> <div class="span9"> asdf </div> </div> thanks
slideToggle btn-x for panel-x
I am trying JQUERY $(document).ready(function() { $(".panel-toggle-1").slideUp(); $(".btn-panel-toggle-1").click(function() { $(".panel-toggle-1").slideToggle("slow"); }); }); HTML <b class="btn-panel-toggle-1">btn-panel-toggle-1</b> <b class="btn-panel-toggle-2">btn-panel-toggle-2</b> <b class="btn-panel-toggle-3">btn-panel-toggle-3</b> <div class="panel-toggle-1">panel-toggle-1</div> <div class="panel-toggle-2">panel-toggle-2</div> <div class="panel-toggle-3">panel-toggle-3</div>
cycle slideShow doesn't work
Hi, Can someone help me to correct the errors in my scripts, I try to execute slideShow with simple idea but I have a lot of errors I try to correct some of them and I stop with "easing effect is undefine "error please help me to run it successfully . Thanks
elegant js polling routine?
Hello, I have a requirement where I need to poll the database via ajax from js to check for a status. If the status is "active" then the polling should stop and an alert should popup "case is now active." The js should check the db every 2 seconds until the db status returns "active." Can you provide an elegant js routine for this? Here's some general js to show what I want to do: function ReportAsActivePoll() { for(var i=0; i<10; i++) { setTimeout(StatusIsActive,(i*2000));
how to start Jquery ?
which section to begin J query ?
Next Page