New to jquery plugins
Hi - I'm extremely new to jquery plugins and I'm having a hard time trying to go through a few examples of the current book I'm reading in order to get them to work. If anybody could point me in the right direction well just explain how plug ins work and are called that would be great. What did I do wrong because I'm just not seeing it. <script type="text/javascript" src="jquery library/jquery.colorbox.js"></script> <link type="text/css" media="screen" rel="stylesheet" href="css library/colorbox.css">
(jqm 1.3) How to change the width of the panel?
Has anyone tried the Panel feature in 1.3? I'd like to make the panel wider: say to 1/3 of the screen width. I tried overriding the .ui-panel width style, but the slideout delta remains unchanged (ie. the content div slid by the same amount). I do see that the panel width itself has been altered as per my style settings, because the shadow effect is gone. I notice with interest something similar: http://jquerymobile.com/test/docs/pages/popup/popup-panels.html But it also uses the width style. Am
Open a Hyperlink in a New Window
On my site it lets you use widgets and this one widget has links but the links don't open the site in a new window. It just remains in the same window. How can I change this coding to allow the link to open in a new window; Coding of Widget <b:widget id='LinkList3' locked='false' title='MAGAZINE OUTLETS I CURRENTLY WRITE FOR' type='LinkList'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'>
Converting Javascript code to jQuery - Counting Table Rows
I'm having a hard time converting the following JavaScript code into jQuery. I think I'm either over-thinking it, or making this harder on myself. I have an array of table id's and I want to iterate through each one and populate one of its cells with the number of rows. Using JavaScript by itself, this works fine - I just can't figure out how to incorporate jQuery in order to condense some of the code (even though I know I won't condense that much). Here is the code: Thanks in advance. var tableID
Firefox jQuery Button I found and can't move.
Yesterday Wednesday 2/6/2013 I was adding buttons to my tool bar when I seen these in the Customize Toolbar Box a button with no name so I dragged it up to tool bar. Now I can't remove them. I moused over then and does says jQuery version 1.6.4 (on one side and other) jQuery UI Version 1.8.16 Plugins used: Datepicker,Menu The buttons when I click them do nothing. The are a single button. So How do I remove them ??? I have no clue how they got loaded too.
Select divs which are visible on the page
Hi Guys, I know how to select certan divs based on display $("div[data-valid=false]").filter(function (index) { return $(this).css("display") != "none"; }); But in case of parent element invisible it will be invisible for the user. I need to select the divs ONLY if user can see them.. Yep I can run thru all parents and check that they are visible, but Is any elegant way?
Conflicting scripts - need help
Example of the problem: http://www.yun0.net/slidertest/test1.html I need two things on one page: a) the fancy collapsible div effect with fancy buttons that toggle "show/hide" accordingly. b) a fancy page transition effect I've found the following two scripts that have the functionality I need: for a): Animated collapsible DIV http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm for b): Non-Jquery Page Transitions lightweight http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/
Date Formatting on DatePicker
Hi Guys, I'm having a problem when formatting date using a datepicker. I'm using this codes below: $("#datepicker").datepicker({ dateFormat: "MMM dd,yyyy" }); and here's what happens: Please help me. Thanks!
datepicker only works once on page for first call.
Just new to jQuery UI. Wanted date picking help, and this looked great. I downloaded it and loaded it on my server. I define it all here: <link rel="stylesheet" href="/jquery-ui/development-bundle/themes/base/jquery.ui.all.css" /> <script src="/jquery-ui/js/jquery-1.9.0.js"></script> <script src="/jquery-ui/development-bundle/ui/jquery.ui.core.js"></script> <script src="/jquery-ui/development-bundle/ui/jquery.ui.widget.js"></script> <script src="/jquery-ui/development-bundle/ui/jquery.ui.datepicker.js"></script>
Dynamic Sizing of DIV
Hi I have a DIV in which I am displaying text which is returned from a web service. The length of the div should be dynamic, like depending on length of the text lengh of the DIV should be increased. Please help me. Thanks VKumarCH
Able to choose only one day a week in datepicker?
Good morning! I looked at various forums, but got no success. I wonder if it is possible to "datepicker" remain available to choose dates only one day of the week, eg. Wednesday. Thanks
how to change the z order of browser window
I am opening a new window to allow an 2 second recording to play. Once the window is open and audio is playing I use the setTimeout() to close the window. This is working, but when the new window is open it is in the middle of the screen. If i click the main window then the new window is forced behind the main window. Is there a way to use jquery and force the new window into the background? or is there a mechanism that would me a way to force a click on the main window?? Please comment
how to slide toggle on slide toggle
how can i put this: <!DOCTYPE html> <html> <head> <style> p { width:400px; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <h4> Hiya </h4> <p> This is the paragraph to end all paragraphs. You should feel to have seen such a paragraph in your life. Congratulations! </p> <script> $("h4").click(function () { $("p").slideToggle("slow"); }); </script> </body> </html> on this: <!DOCTYPE html> <html> <head> <style>
Dynamic <li> in HTML5 using jquery mobile: Problem
The code corresponding to the landing page is as follows: <script type="text/javascript"> function GetQueryStringParams(sParam) { var sPageURL = window.location.search.substring(1); var sURLVariables = sPageURL.split('&'); for (var i = 0; i < sURLVariables.length; i++) { var sParameterName = sURLVariables[i].split('='); if (sParameterName[0] == sParam) { return sParameterName[1]; }
JQuery Menu - For table row popups
I'm trying avoid using extra plugins and only use JQuery UI Menu for table row popups triggered on right click. Also the table may have thousands of rows. Is there a way to do this with just the new Menu control that is built into JQuery UI? Any recommendations?
Combining Mouse Events into One.
When hovering on this pic on a pc, this image will see an overlay slide up and slide down when the mouse is moved away. gmjones.org/overlay/jCapSlide.html Obviously you can't hover on a tablet device or iPhone. How can I combine 'hover' and 'click' so any device can make use of this piece of jquery? HTML is available via right-clicking, view source. The jquery is below. (function($) { $.fn.capslide = function(options) { var opts = $.extend({}, $.fn.capslide.defaults, options); return this.each(function()
check that at least 1 checkbox is checked using jQuery Validate plugin
I'm trying to ensure that at least one checkbox is selected. I'm using the query validate plugin. here is the checkbox html <!-- Checkbox --> <div class="control-group"> <label class="control-label" for="checkboxes">Checkboxes</label> <div class="controls"> <input type="checkbox" name="checkboxes[]" id='checkboxes' value="Students">Students<br> <input type="checkbox" name="checkboxes[]" id='checkboxes' value="Alumni">Alumni<br> <input type="checkbox" name="checkboxes[]" id='checkboxes'
jquery toggle not working
Can someone please tell me where I'm going wrong here? I'm very new at this, but I'm willing to learn. I would like my site to have a custom button that, when clicked, reveals an image. I would like the button to toggle the image to show/hide. Thanks in advance. <html><head> <style> p { width:400px; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script></head><body> <div class="button">CLICK HERE TO COMPARE US TO THE COMPETITION</div> <style type="text/css"> .button {
Proper Variable Use
What I'm trying to accomplish: First, I want to store the default height(current set height) of various ids for later use. I then want to set the height value of those ids when a button(s) is clicked. Since this will happen many times, I want to save the value of all these heights as a variable, and then call the variable within a click function. This is what I have so far: var selectedDivs = $('#div1, #div2, #div3, #div4, #div5, #div6, #div7); var divDefaultHeight = selectedDivs.height(function(index,
How do I install JQuery Cycle
Hello... I am using the Suffusion theme for Wordpress. It tells me to install JQuery Cycle in order to put featured content into a slider. The plugin is apparently not available for push-button install from Wordpress. The plugin download on the JQuery website returns a lot of code. I searched for install instructions on this forum and found nothing helpful, except that it appears I must insert this code into the HEAD potion of my index file with SCRIPT tags. It seems like a lot of code to go there.
Need to click on div and show the panel
Hi Need help on this one. I want to click on the box and then show a panel kind. But i am getting both divs. I am not able to get slidedown functionality.Please help. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>pal.html</title> <meta name="generator" content="BBEdit 16.0" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
Collapsible sets (accordion) nested question
I am implementing the collapsible set into a page of mine. The simpliest code is <div data-role="collapsible-set"> <div data-role="collapsible" data-collapsed="false"> <h3>Section 1</h3> <p>I'm the collapsible set content for section 1.</p> </div> <div data-role="collapsible"> <h3>Section 2</h3> <p>I'm the collapsible set content for section 2.</p> </div> </div> What would I need to add to have a nested collapsible set....for example, in Section 2 - so I can have an section 2.1, 2.2, 2.3 (and my
Sliders: how to hide the slider, leave only input field visible?
Wondering if that's possible?
iphone 5 and dialog problem
hi all, I have 2 separate problems related to my phonegap app. 1. I created phonegap project from cordova 2.1 when i test in iphone 5 (bigger height device) i see blank spaces on top and bottom. how to fix this ? if it is resizing for ipads why it is not resizing for iphone 5 ? I inspected the nib file, there is no way to resize the view controller ! and autoresizing masks are also not editable ! 2. I have a dialog as first page [I chose dialog because i dont have much content]. it appears on top
Jquery ui is not working in Android mobile.
Hello, I have a jquery ui accordion in my asp.net website and it works on desktop browsers so well but when I decided to test it on android I saw not only jquery animation is not working but also css file is not considered too. I thought it is because I didn't used mobile jquery. Even I used the library mobile jquery but it is not still working on android mobile and BlackBerry. I really feel frustrated because I have designed this for my company and I can not redesign it because it is a big project.
publishing mobile app to hosted website
Hi, I was asked to create the mobile version of a website that's already hosted. I'm using the multi-page approach (several pages in one file), Now when the links to the framework's css and js are at the top as they should be. My question is: - do i need to name my mobile html file "home.html" just like the main page (normal website) that is already hosted? - do i need to add the framework and css references to the files that are already hosted (normal website) or they only need to be on the mobile
Error: cannot call methods on loader prior to initialization; attempted to call method 'hide'
Hi, I have a problem with my new application. I try to develop a MVC APP. I'm using JavascriptMVC to do most of the stuff and combine it with JQueryMobile. First I want to inject the different pages dynamically. Everything looks good. My controller gets the view and put the html into my page. But after that I get an error: Error: cannot call methods on loader prior to initialization; attempted to call method 'hide' Do anybody have an idea, what's my mistake. Thanks Sebtra Ps.: If you need my source
Set a cookie in jQuery
How can I set a cookie when a background color is changed? I created a basic switcher which changes the body color, but I want to save the changed color in a cookie. jQuery code: $('.first li ').click(function (e) { e.preventDefault(); $(this).parent().parent().find('img').removeClass('active'); $(this).addClass('active'); }); $('.first li').click(function (e) { e.preventDefault(); $(this).parent().parent().find('img').removeClass('active');
[Solved] 'unique' data value (how to ?)
Hi, I have this little problem which I can't seem to solve. So I have an object with a 'X' data stored. I want to store a copy of this data inside the same object. var object = $( '#mydiv' ); object.data( 'X', 'something' ); var copy = object.data('X'); object.data( 'Y', copy); The probleme is that X and Y seem to be linked, but I would like Y to remain the same regardless of what happens to X. So I found this complicated way to force the creation of a new object (the variable 'X' is a table) : var
Muliple JQuery UI Modals Not working
Hi, I have a page with two links that open two different modals, the "forgotten password" link opens the "forgotten password" modal and the "tell-a-friend" link opens the "tell-a-friend" modal. Both modals contain forms that can be submitted. The problem is if I open the first modal and submit it or close it, I cannot submit the second modal. I can open the second modal, but I cannot submit it. Please advise what the problem could be! Here below is the javascript code that resides in separate javascript
Validate dependent select boxes with validate plugin
Hi, I'm trying to validate two dependent select lists using JQuery Search Plugin, without success. The classes I've to transform in requested are sid_list1 and sid_list2. Here's the script <script text= type='text/javascript'> var $j = jQuery.noConflict(); $j(document).ready(function () { $j("#XTspSearchForm132").validate({ // other rules and options, }); $j('.sid_list1').each(function () { $j(this).rules('add', { required: true, messages: { required: "your custom message" } }); }); $j('.sid_list2').each(function
jQueryMobile prevent device switch off - Web Audio API
Hey everyone, i am currently developing an application with jquerymobile for iOS (& maybe someday Android). It is a simple app: By touching a button in a simple popup it starts to play different sounds in a loop with the html5 web audio api (e.g. touch -> sound1 -> sound2 -> sound3 -> sound1 -> sound2 ...and so on...). The problem now is when you turn off the device (iPhone) or close the app with the "home" button the sounds stops to play (or the javascript stops?). When you turn the device back
looping through <tr> then its <td>, is not working.
I tried two different codes but both don't work. Can someone help please? $("#table tr").each(function () { $(this).children("td").each(function () { alert($(this).val()); }); });and: $("#table tr").each(function () { $(this).find('td').each(function () { alert($(this).val() ); }); });I have textboxes inside of
Using a JQuery Tooltip with telerik tree
Hi, I am trying to implement a jquery tooltip for each node of a telerik tree. Please help me out.
No sorting in Array, for whatever I try
I've got following code and I dunno why the hell the output won't get sorted, as I will explain further on: /* Author: Jennifer Eberlei Project: World-Map Date: 06-02-2013 // 07-02-2013 */ $(document).ready(function() { function getWorldMapCoordinates() { var arr = new Array(); arr = [ { name: "Deutschland", numPosts: 14, coordinates: { x: 50, y: 50 }, link: "http://google.de/search?q=deutschland"
Please help Refresh div using jquery
I want to refresh div using jquery in fallowing smarty template .tpl file PLEASE HELP Script is: {include file="header.tpl"} {include file="sidebar.tpl"} <div id="items" class="main"> <h2>{$translations.titles.companies}</h2> <form action="" class="box search" method="get" accept-charset="utf-8"> <fieldset class="content"> <ul>
jQuery registration problem.
Hi, here it's my code, please help me... jQuery call: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> HTML: <form name="registerFormF" class="loginForm" method="post" action="" enctype = "multipart/form-data" onsubmit = 'checkRegisterJS( document.registerFormF.registerEmail.value,
jQuery php file outside of public_html - Need help ;)
Good Morning everyone I was wander whether I could get some help from you guys with a blocker issue I am having right now L Let me give you some background. My server file structure looks like this / HOME USER Connection Public_html Index.php resources library templates top_header.inc web_main_dir f_menu_dir
Need help asap. Jquery mobile. Not taking $ . need to get this asap. Help plz
below is my html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>pal.html</title> <meta name="generator" content="BBEdit 16.0" /> <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 src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <link rel="stylesheet" href="navigation.css" /> <script> $(document).on( "mobileinit", function()
jquery date autocomplete
Is there anyway to use jquery to add the slash sign after writing each part of the date? Like when a user enter 02 in the textbox, jquery automatically adds the forward slash /, etc. Is it possible? If so, can someone help post the code? I'm not using the datepicker. The user fill a textbox in the form with the date.
Next Page