Fullcalendar - not showing time of events
I'm developing a list of scheduled events using Fullcalendar, and everything is working fine, except it thinks every event is an all day event. The code is as follows: <script type='text/javascript'> $(document).ready(function() { $('#calendar').fullCalendar({ showAgendaButton: true, columnFormat: { month: 'ddd', week: 'ddd d/M', day: 'dddd d/M' }, timeFormat: 'H:mm', axisFormat: 'H:mm', header:
how to make jquery look the same in ie and chrome?
Philosophical relativism aside, I do not like the look of JQm in IE. Has anyone come up with extra lines for IE to make JQm resemble the more civilized outfit of Chrome or Firefox?
onClick li item in frame focus move on top
Hi, In my project I am calling ul and li data in Iframe and when I click on link then it move fucus on top instead of selected item. Following is the example of the problem. testFrame.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Tree Frame</title> </head> <body> <table width="50%" border="0">
Multiple select and Drag
Hi, In our application we were using jquery.1.4.2.min.js with jquery-ui-1.8.5.custom.min.js for Multiple select and dragging. But recently we upgraded to jquery.1.7.2.js and now multiple select doesn't work anymore. I tried the latest of jquery and jquery-ui but still multiselect is not working. Any ideas? Thanks Vijay D.
Problem in posting data of dropdown input field
I am having following form with form.php <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="form.js"></script> </head> <? mysql_connect('localhost','root',''); mysql_select_db('test'); $query="SELECT * FROM user"; $result=mysql_query($query); ?> <div id="contact_form"> <form name="contact" action=""> <fieldset> <label for="txn_unit" id="txn_unit">Txn Unit</label> <SELECT name="namee" id="name"> <OPTION value="">SELECT</OPTION> <? while($row=mysql_fetch_assoc($result))
Is this considered a Jquery plugin? Anyone able to implant it?
Anyone able/welling to help me implement a select drop down menu, this is it:http://webdesign.tutsplus.com/tutorials/site-elements/styling-dark-select-dropdown-with-dropkick-js/ I wanted to know how to implment it, if someone could do it in firebug on the site and send me the code or show me on a screen share. The sites already up, but I dont know how to do it. The link above has an entire video tutorial on it, but I dont understand it. Im not good at coding. Anyone interested in screen sharing
How to apply css to @html.dropdownlist
Hi Could you please let me know How to apply css to @Html.Dropdownlist. Thanks & Regards, Usha.
Controlling the Error Loading Page message box
I want to validate whether the approach I am taking with error messages is crazy, or if it's within reason. My understanding of jquery mobiles page error handling is the following: jQueryMobile has a default way of notifying the user that a pageload failed. By default it comes up with "Error Loading Page". The following are the only interactions a developer using jQueryMobile has with these errors. 1) Changing the text/theme in mobile init $(document).on('mobileinit', function () { $.extend($.mobile,
plugin on www.one.com
someone knows that the server www.one.com not support jQuery? i've uploaded a page and the gallery plugin ot work. tks for usefull comments...
Jquery mobile device camera
i want to take photo with mobile device camera is it imposible with jquery mobile plugins? what should i do? i want to development web mobile project with asp.net MVC 4,html 5 and jquery mobile
how to implement swipe in case of persistent headers in navbar?
Hi , in my Android JQM app , i have a tabbed layout of 5 tabs in navbar .Each tab is like a persistent header.The Following is code for 2nd tab. Now how can i implement swiping across multiple tabs? <div data-role="header" data-position="fixed" data-id="headernav"> <h1>Header1</h1> <a href="index.html" class="ui-btn-left" data-icon="home">Home</a> <div data-role="navbar"> <ul> <li> <a
Align text with variable
I'm having a problem getting defined text on the same line as a dynamically updated variable. I get this... Temp: 57.7 F when I want... Temp: 57.7 F The variable is updated with AJAX and I put it in between div tags. I figured out how to put two div tags together with float, but I can't seem to figure this one out. This is my code... <div class="ui-block-a" style="float: left; text-align: left;">Temp: </div> <div id="temp1" class="ui-block-a" style="float: left; text-align: left;"></div> What
Twitter like update when new rows are added to the db
Hello, I have a page, the contents are gotten dynamically with php and I use a foreach loop to display all the content. <?php foreach($data as $key){ echo "<div id="post_content"> $post['post'] </div>"; } ?> They are also a lot of conditions in the foreach loop for example, if post was a shared post display this and that. Now I get my feed just as it is, but the problem here is, the page needs to be refreshed before you see new post rows from the database. This is where twitter
[solved] how to widen toggleswitch slider ...
... to make it contain more words? Now longer strings of words show only their central parts through a narrow hole.
JQM 1.2.1/1.3
Hi there, when will the next (patch) release be published? I found this roadmap according to which 1.3 should have been published last year already, but I don't know how reliable it is. I'm especially interested in the fix of issue: https://github.com/jquery/jquery-mobile/issues/3748 Greets monkey
Setting css of inner html element
I have the following piece of code: <td class="myclass"><div class="tooltip">blablabla</div></td> On mouse-over of <td> I want to display the <div>. I've been trying it this way but it does not work: $('.myclass').bind('mouseover', function() { $(this).html().css('display', 'block'); }); $('.myclass').bind('mouseout', function() { $(this).html().css('display', 'none'); }); What is the correct way to achieve this? thanks
Working with JQueryMobile and high resolution tablet displays (Nexus 10)
Hi, I am developing a PhoneGap based application using jQueryMobile which will run on Nexus10 (display resolution is 2560x1600 300ppi) and basically every jQuery elements like buttons, dialog / pop-up buttons are really small. All jmobilequery scripts are installed locally in assets directory since device will be used in off-line mode. Please advice what can be done in order to enlarge the controls. Thanks
Help need with the Nivo Slider
The Question / help I am asking for as been asked before but i Can not see any answer for it. So need advice/help with this Nivo Slider. I have 11 images and roughly they are 34K to 50K in size.. when running my webpages from my PC and not from my server the slider runs fast with no delays. Am getting around 9 seconds before the first image is shown. Have seen this CSS code on net,,,, #slider img{display:block !important} or this ,,, .nivoSlider img:not(:first-child) {display:none;} and both
jqueryui combobox (immediately event when selection change) not working
<link href="<%= ResolveUrl("~/jquery-ui-191custom/development-bundle/themes/base/jquery.ui.all.css") %>" rel="stylesheet" type="text/css" /> <script src="<%= ResolveUrl("~/js_autocomplete/jquery-1.8.2.js") %>" type="text/javascript"></script> <script src="<%= ResolveUrl("~/js_autocomplete/jquery-ui.js") %>" type="text/javascript"></script> <style type="text/css"> .ui-combobox { position: relative; display: inline-block; } .ui-combobox-toggle { position:
Validation issue
i found this plugin autotab and validation as you can see in there's demos in the page .. and it's working quiet perfect with autotab .. it changes the focus from an input after reaching the maxlength .. but i have a little problem .. i want to validate a unique form with "Day" only .. so i created this .. jsfiddle what is the correct regex pattern to use please ? i've checked every possible combination but not giving me the result i want !
JQuery UI Accordion - Dynamic content?
So I setup the Accordion and got that to work. Then I got my JS for loop to display the content correctly. The issue I'm having is combining the two functions. When I combined both the functionalities, only the first header shows up and all the links are visible. If the link area is clicked the header for that section appears. I've tried putting the jQuery accordion function in window.onload and under the rest of the content, but so far nothing I've tried has fixed the issue. Any help would be appreciated.
Controls realigning on IE page resize
Hello, I have created a page containing jquery tab. It has 3 tab pages,each page has 2 text input control, 2 file controls and datepicker date control. When I open the page in IE and resize the browser, the controls are getting realinged. How do I make them not realign meaning when I shrink the browser size, the contents should stay in the same place as originally placed? Could you please provide pointers to solve this? Thanks.
Passing variable dates into a set of variable declorations
I'm not sure if this is the right section to post this, but I am pretty new to jQuery, but have a background in C & assembly, so maybe my thought process is a little different. I am trying to modify existing bit of code so that I can pass a variable to another variable. Here is what I mean. I have the following functions that calls data from a database: var num_per_page = '10'; //results to display var page_num = '1'; var year = '2013'; var month = '1'; var day = '2'; var hour = '14'; var minute
jQuery change background on hover
Okay so the title says it all :P Here is my code: CSS: #item1,#item2,#item3,#item4,#item5{ font-family:"Trebuchet MS", Helvetica, sans-serif; height:100px; text-shadow: 0px 1px 1px #4d4d4d; width:300px; vertical-align: middle; border:0; text-align: center; } #item2,#item4{ background-image: url('eee50.png'); } #item1,#item3,#item5{ background-image: url('white50.png'); }+ .itemhover{ background-image:url('lightblue50.png'); font-family:"Trebuchet MS", Helvetica, sans-serif; height:100px; text-shadow:
Jquery Checkbox with Images - Question
Hi all I have 3 checkboxes on my form each with a unique ID. When I click one, I change the image accordingly (using image replacement). I use the following code to mamage the click event of each checkbox: $("#support").live('click',function() { if(this.checked) { $(this).prev().attr("src", "/images/icons/tick-on.jpg"); } else { $(this).prev().attr("src", "/images/icons/tick-off.jpg"); } }); $("#services").live('click',function() {
Is it possible to address new HTML5 elements in legacy browsers?
$("section").each(function() { alert($(this).html()); }); This does not seem to work e.g. in IE8; $(this) seems to compute to null. Selectors do only seem to work when the UA actually added the element to the DOM. Is there a way to recognize unknown elements with jQuery, and perform operations on them? (This would be handy e.g. to replace a <section> by a <div>, or a <video> by an <object> with a flash player and so on.)
UI Slider - Click Drag Issue in IE
Hello there Has anyone encountered this rather odd issue with UI Slider in IE. It's a basic slider, with a customised image for the handle. In IE, when you click and drag the handle, it only increases the value by one step (as defined via the 'step' parameter). It won't let you carry on dragging to the next "step" unless you click again and then drag it again manually. Works fine in every other browser. You can slide to any step with a single click and drag. Ideas much appreciated!
validate.js & timeentry.js conflict?
Please see my jsFiddle demonstration by following the link below: http://jsfiddle.net/thargenediad/gerus/ I believe I have some sort of conflict between the validate.js & timeentry.js plug-ins. When I remove my call to // initialize the Pickup Time field $("#pickupTime").timeEntry({ maxTime: '04:00PM', minTime: '08:00AM', spinnerImage: '../Templates/images/timeEntrySpinnerDefault.png', timeSteps: [1, 15, 0] }); , the "timeEntry" validation method gets called properly (but not
How to properly destroy jQ plugin
Hey guys, does anyone know how to destroy jQ plugin ? I usually unbinded all events and I thought that's enough, but after I looked into Google Dev Tools I realized it's not. I've attached a screenshot which shows that there is a still reference to my component in: jQuery.fn.jQuery.init. On second screenshot you can see that events are unbinded after I close the window (after application window is beeing closed, all components are unregistered), but nodes still remains in memory. Regards, Łukasz
Why prototype.js stops all jquery to work?
Hi. I dont know why all jquery stops working when i add ‘prototype.js’ in header of my Magento store. This is the website. http://www.clients.fizmedia.com/indiafashion/ ‘prototype.js’ called in line 24. I have checked when i remove ‘prototype.js’ from header then all jquery working good but ‘Continue button on one page checkout stops working. Please let me know what is the problem because ‘prototype.js’ is really need for one page checkout processing. Hope i will get best answers. Thanks.
Using jQuery UI Sortable inside an iframe - handling bugged
I have a somewhat old webpage using iframes as parts of a page. All iframes contain the same header html and the jQuery loaded in all of them is the same. I'm trying to make a dynamically generated object inside one of the iframes sortable. Everything works like it should except the handling - when I click on a draggable object, it usually only responds to mouse movement when the cursor is in one of the three other iframes (random one, I'm guessing the one that first loads the jQuery UI). Very rarely
MoveHandler Test in iOS 5.1.1 safari failed
Now I'm testing jQuery Mobile by QUnit Test Suits. I tested by Android 4.0.3 native browser, iOS safari browser, Windows IE. In one test, only iOS safari failed. The test is : http://hamadroid.info/jQueryMobileTest/tests/unit/event/index.html The "move handler returns when touchstart has been fired since touchstop" test failed only in iOS safari. Please teach me why this test is failed.
Div Tabs extra button help
I am trying to add a button outside of a tab area that will switch the tabs to the new tab by clicking an out side button. Current code is below. I want to click on part of a diagram and the tabs will switch to that tab. Is this possible to do? Is there a tutorial out there to help me... <head> <meta charset="utf-8" /> <title>jQuery UI Tabs - Default functionality</title> <link rel="stylesheet" href="css/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
screenheight
Hello All, I am working on a page with a panel that moves down to become the footer when a tab or any of the menu tabs are clicked and returns to the 'header' when the same tab or the portfolio tab is clicked. My problem is: I don't know how to make this jquery function dynamic based on the size of the users screen. I currently have static values for testing purposes. Any help would be appreciated. Thank you for your time. I have included the code below. $(function() { var open = false;
How to: Apply fixes made in commit? Help
Hello, I have an issue with the Android platform regarding fixed headers and popups and I know there is a fix in a commit made. However , I do not know how to apply this fix to my version. And I'm using the packaged version , not the live build. Can anyone enlighten me? Thanks
JQuery Ajax Submit Twice?
Could someone point me in the right direction? When I try to submit my jquery form the 2nd time it sends the data twice in one go. This is the same for 3rd (3x) and fourth+ (4x) and wonder whether the data/cache needs to be cleared each time I submit? Any guidance would be extremely grateful. // Ajax Call (Uses JQuery Boxy Form) // $(document).ready(function() { $('#createlecture').click(function() { var dialogbox = new Boxy('#dialog',{ title: 'Create a new lecture', modal: true, cache: false, behaviours:
Transaction Code not work
Hi i am sending a code. on that code i use data-transaction="slide". when i run it on desktop it run but when i try to run it into mobile it does not run. plz fix my problem. this code is written in php. <!DOCTYPE html> <html> <head> <title>Home</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script
Is it possible to make a comment page with jQuery?
As the title says really! I'm making a website for a client, but they'd like a page where you can post comments which would actually appear on the page. Is this possible? Thanks in advance, Becky
JQUERY OVERLAY WINDOW NOT OPENING FOR THE FIRST TIME
Hello all, In my application I am opening a jquery overlay window through the onclick event of a g link tag.What happens is,for the very first time I click the link only the background changes but no other actions take place .If I press Escape and click the link again the window opens. I want the window to be opened for the first click event. The code I am using to open the window is: $(function() { $("a[rel]").overlay({ mask: 'black', effect:'apple',
safari and chrome handle newly added element in a strange way
Hi, everyone, NiHao! I got a problem, please help. I have a template like this: <div id="dad"> <div id="son" style="width: 100%"> some code </div> </div> then I have an action of expand the dad-div by jquery animation $('#dad').animation({'width': 800px}, 500); on this moment, the son and the dad both 800px width, which is fine for me . but strange things happened on safari and chrome when i use ajax fetch a new son element from server and replace the old one: $.get(url, extraData, function(response)
Next Page