.width() resize issue (ul positionierung)
Hi Leute! Ich habe bei meinen Menü leider 2 Bugs und komme einfach nicht dahinter. Zuerst mal der Link zum Menü: http://www.schraphics.at/menu/menu.html Ich kann den Code leider nicht auf jsfiddle bereitstellen, da das Problem dort nicht auftritt. Problem 1: Das zweite Untermenü (rot) wird nicht rechts vom ersten Angezeigt. Das Problem besteht in Chrome und Safari. (Ich wäre natürlich auch froh, das Problem ohne jquery lösen zu können, aber das erschien mir noch schwerer) Code: $('.first_sub').each(function(){
How can I control the panel dismissible area in jQM 1.3.0?
I finally figured out a couple of things that helped me change the with of a panel. I have a dismissible panel, positioned on the right side and I modified the default width, 17em, and made it 25em. However, when I click inside the panel, within the area of the 17-25em, the panel is dismissed. I could not find any visual element that captures the mouse click. I am inclined to believe that the dismissible area is predefined in Javascript, and does not update after I modified the CSS. Here is my CSS
jquery tab using jquery 1.7.1
Looking at following demo code from tabs ui Pasted that in Fiddle and set the jquery = jQuery v1.7.1 and choose the min jquery ui running the application in jsfillde, the tabs did not behave as they woudl using the latest version of the jquery library
where is id's necessary in a jqm project?
i am using jqm v.1.4.2, i understand the problem of using element id's in a jqm project because of possible id clashes. but two places i have not figured out to avoid id's. (1) filter input element. because this seems the only way to attach it to a listview. (2) page unless the page is dynamically generated by javascript. it seems to need an id for the $("#" + id).one("pagecreate") to work. otherwise, using a class name $(".someclass").one("pagecreate) first might slow down the whole thing because
How do I change maximumdate just for one datepicker
Hi I have 2 datetimepickers as shown in the code below. I use jquery.simple-dtpicker.js I need to modify the datepickers, so when you select an enddate, then the maximum value in the startdate is set to the value of the enddate. In other words, it should not be possible to select a higher startdate than the enddate. The challenge is just to set it for one datepicker - not both. In the file dates.html, I have added the datefields to the change event listener, but the maximumdate is not changes.
Jquery Slide in Car Animation
I have made a Jquery Slide In Animation of a car from left to right and i want to copy this animation link. I am able to slide in but this sample link is adding more animations on the car. Can anyone please guide me how to achieve the exact car animation. This is my code my code <div id = "wrapper" > <div id="mainContainer"> <div id="text"> <img id="Image_Car" src="http://i.share.pho.to/c43dc6d7_o.png" /> </div> </div> </div> $(document).ready(function () { bannerAnimation(); }); function bannerAnimation(){
How to get id as variable?
Hi everybody, I have the code <input name='t[]' type='text' id='a_$element' value='$value' /> $element is integer as 1,2,3 ... $value the value when I input Please could anybody show me : How can I get by id in jQuery?
Help with facebox positioning
I am using the facebox plugin that was produced a few years back. It works just fine but I am now trying to add a simple functionality to it and I cannot get it to work and don't understand why. I am trying to pass a setting to it so that I can affect the css position. I know where to put the css part and that works fine when I declare it directly. I have tried this, like some have posted across the web $.facebox({fixedPosition: 'relative'}); $.facebox({'fixedPosition': 'relative'}); // Tried
load
Hello, I have the following code: $(document).ready(function() { $("button").click(function() { $("#div1").load("demo_test.txt"); }); }); Running Google Chrome,nothing is loaded and I get an error message in the console: XMLHttpRequest cannot load file:///C:/Cursus%20XHTML%20en%20CSS/CSS%20-%20JavaScript%20-%20jQuery%20-%20XHTML/demo_test.txt. Received an invalid response. Origin 'null' is therefore not allowed access. Using the Firefox browser, it works! Can someone explain why? I am (still)
Is there special purpose for using .each() ??
we can also use this.... $( "li" ).addClass( "foo" ); **so why to use this ** $( "li" ).each(function() { $( this ).addClass( "foo" ); });
What is the technology used in the programming of this site http://arabi21.com/
What is the technology used in the programming of this site http://arabi21.com/
Why am I getting this error? (newb alert)
The server encountered an internal error or misconfiguration and was unable to complete your request. Please contact the server administrator, webmaster@tdsjr82.reactioncpr.com and inform them of the time the error occurred, and anything you might have done that may have caused the error. More information about this error may be available in the server error log. Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request. Apache Server
Tabbutton not in container or even not visible at startup
Hello, We have made a dynamic tab code to show information from database. This is a lot of code to show here. The problem what we have is that sometimes the tab button is not visible or not correctly placed in the div container. If you resize the browser (IE8) then all the tabbuttons are placed correctly. We use jQuery UI 1.10.2 and jQuery 1.11.0. To fix this issue we do a resize of the div container and a refesh from the tabs but it is still not solved. Does somebody know a sollution for this problem?
Need to have jquery image carousel "resizeable"
On this page, http://www.webauthorsgroup.com/index2.html , I have a jquery image carousel but it will not resize when you adjust the browser size (which means it won’t be compatible with other devices). Is there some code I could implement to make this happen? Thanks in advance!
Need a smaller version of jQuery validate.js
I tried out the Query validator v. 1.12.1 plugin (by Jörn Zaefferer) and it's wonderful, however it is 39k. Is there a striped down version or a way to really make the plugin as small as possible to simply handle a change password form?
Chopping up document.URL: is there an easier way?
Hey guys - this is the short description of my question: My URL contains two query strings and (optionally) an anchor link. let's say for example it is http://www.ilovescript.ing/test/urlparsing.html?from=1&to=10#article2 Within the scope of this question I want to end up with a var that is just from=1&to=10 so I came up with these lines, but I am curious if it can done with less variables and code! var TheUrl = document.URL; // set current url as TheUrl var ChoppedUrl = TheUrl.split('?',
Selecting a menu item when in mobile view not working
Hi I am trying to figure out why the jquery script stopped working for the responsive menu view for mobile devices: @media screen and ( max-width: 768px) Basically, selecting a menu item in the drop down list when in mobile device view, is not doing anything: http://hushmagazine.ca/ With my limited knowledge of jquery, I figured out that this code calls the selection of the menu item: <select name="nav_menu_select" id="nav_menu_select"> <?php foreach($menu_array as $key=>$menu) : ?> <?php $selcted
Internet Explorer 9, jQuery and DivX
Hi all, Just to let you all know that when you are using IE9 and having problem with javascript execution (in this case jQuery) try to uninstall DivX and see if that help. I hope this help everyone.
How to include jquery from file
Hi, I have jquery in every page. part of the jquery is common so I though I will just put it in a file an include it in every page within the <script>, something like the include in php. is this possible? How please? Thanks
How to open a panel inside a centered area?
Hello, i try to let a panel open inside a centered body+page. In my projects the body+page is centered with margin: 0 auto, but in jsfiddle this doesnt work, so i made it with a fixed margin instead: http://jsfiddle.net/5fFGY/3/ But i think you see my problem. I dont want that the panel opens on the very left-edge, i want it to open on the left-edge of my body/page. Is this possible? Thanks
jQueryUI button canceling postback
Ihave the following to avoid double-clicking : <asp:LinkButton runat="server" OnClick="CreateQuery" OnClientClick="return CheckQuery();" ID="CreateButton" Text="Create" /> and in my .js file function CheckQuery() { if (submitlock) { return false; } submitlock = true; $('#CreateButton').button('option', 'label', 'Creation in progress ...'); $('#CreateButton').button('option', 'icons', { primary: 'ui-icon-waiting' }); // Some code return true; } In Firefox the postback is done properly and CreateQuery
Written-Out Countdown-Timer
Howdy Folks! Does anybody know if there is some code for making a countdown-timer, which is displayed in the written-out (like spoken) form? Example (1 Day 15 Hours) would be: "one day fifteen hours" I really hope you guys (n girls) know some advice :) Greets, Michelle
CAN you tell a way for a very big listview get height eg only 300px?
JQM 1.4.2 CAN you tell a way for a very big listview get height eg only 300px? In other words to contain a vertical scroll bar? listview will be search enabled. I wrapped inside the below div the list view - but is it jQm way? <div style="height:300px; overflow:scroll; overflow-y:scroll; overflow-x:hidden; text-align:center; -webkit-overflow-scrolling:touch;">
Right alignment of Collapsible Header with ui-li-count
I construct a Collapsible ListView with the following in v1.4.2 <li data-role="collapsible" data-iconpos="left" data-inset="false" data-theme="a"> <h6> Header <span class="ui-li-count">1</span> </h6> <ul data-role="listview"> ** EditorFor() to create the ListItem with Checkbox ** </ul> </li> When adding the ui-li-count class, the items are incorrectly aligned to the Right, notice the white block. It works correctly when removing the ui-li-count
Why jQuery's own websites not using feature detection or modernizr library for the same.
Why jQuery's own websites not using feature detection or modernizr library for the same. They are using multiple html tags in conditional comments. Like : <!--[if IE 7 ]> <html class="no-js ie ie7 lte7 lte8 lte9" lang="en-US"> <![endif]--> <!--[if IE 8 ]> <html class="no-js ie ie8 lte8 lte9" lang="en-US"> <![endif]--> <!--[if IE 9 ]> <html class="no-js ie ie9 lte9>" lang="en-US"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->
need help with animate function
I have this close to what I want, but not quite there.What I am seeking is for the div to appear when hovering over the image, then animate 15 pixels up and disappear on mouse-out. Right now the animate happens every time you hover over the image, incrementing upward 15 pixels each time from the previous mouseover, and I only want the animation to occur once, unless the browser is refreshed. any ideas? Here is the code: <a id="FullBio"><img src="/Management-Team/VP_of_Sales.jpg" /></a> <div id="Show_Hide">View
Trying to prevent the script from getting submitted at page load
My script seem to execute with the page load so i added e.preventDefault() hoping it would stop the page from loading but its not working.. any ideas as to what im doing wrong? <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function() { $("#send").click(function(e) { e.preventDefault(); e.unbind(); $.ajax( { type: "POST",
Sticky header ignoring offset when smooth scrolling anchor link is clicked
I'm using smooth scrolling anchor links in a sticky header that is fixed to the top of the page when it scrolls to the top of the screen, otherwise it is positioned statically on the page. The problem I'm having is the anchor links in the sticky header (the header being static at this stage) when clicked scroll you down correctly but ignore the offset on the page (offset being placed so it compensated for the height of the fixed header), scrolling you past the desired content. This doesn't happen
Slide Left-to-Right a DIV
Hi, I have the following DIV which I am using for a slide menu. <div id="categories_menu" data-transition="pop" style="display: none;"> categories list </div> I want to know how can I use this linkCategories click to show the DIV with a Slide Left-to-Right over the existing content (without sliding other contents) but with just have an effect show the DIV as modal (I mean make the content covered with gray for example) <script type="text/javascript"> $('#linkCategories').click(function() { }); </script>
How to do grouping concept on JqGrid when we are using addRowData
Hi All, My Requirement is Grouping functionality on Jqgrid 4.6.I have Data with multiple Names.Please check the code below,and tel me If any changes i need to make.Guide me,Thanks in advance <script type="text/javascript"> $(document).ready(function () { var lastsel = 0; $("#jqTable").jqGrid("clearGridData"); var url = '@Url.Action("BindGrid", "Systems")'; $.ajax({ url: url, cache: false, type: "GET",
Fancybox plugging with PDF
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Fancybox</title> <link href="../_css/site.css" rel="stylesheet"> <link href="fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet"> <script src="../_js/jquery-1.7.2.min.js"></script> <script src="../_js/jquery.easing.1.3.js"></script> <script src="fancybox/jquery.fancybox-1.3.4.min.js"></script> <script> $(document).ready(function() { $('#gallery a').fancybox({ overlayColor: '#060', overlayOpacity: .3, transitionIn: 'elastic', transitionOut:
submit specific jquery tabs
I have jquery tab with 4 tabs. When user clicks on submit to go between tabs or clicks on a tab, i want to submit data from tab user is currently on to a specific rest endpoint How can i achieve this?
is there a page back event or something similar to it?
I dynamically create a page. what i want is that when people navigate to another page, this page stays in the dom, so people can go back to it from the other pages. so i set data-dom-cache="true". but when people move back the the page before it, i want to remove the div from the dom. here is an example page1 -> page2 -> page3 i dynamically create page2. on page3, the div for page2 is in the dom. but returning to page1, i want to remove the page2 div. is that possible? or do i need to track all the
Switching themes causes jQuery stops working properly
Hey, I hope this is the right place for this question. I've created my website and design with the smoothness theme, and have used the standard jQuery scripts for creating buttons, menus etc. I wanted to change to a new theme, and thus I went an downloaded through the theme roller new themes. I added those themes to the css folder of my site and unfortunately the theme does get picked up, but the jQuery standard scripts stopped working. The only change I've made in my theme choosing is this: <link
Button Selector problem
Hello, I am trying to set a class on a jquery button to change the background color, but the UI styles override my css. My html is here: <button class="pull-right js-disable-cursor-button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only button-disabled" id="insertSmsPlaceholder" role="button" aria-disabled="false" style="cursor: auto; background-color: rgb(204, 204, 204);"> <span class="ui-button-text"> <span class="ui-button-text">Insert</span> </span> </button> My CSS which
jQuery ajax .load resets page layout
Hi All, I am new to jQuery and Ajax, but not to web design and development in html, css, flash and swish etc. I have a standard css/html web page and I am using .load to load an html page into a container. The html page is stripped of everything except content and relevant resource links (no meta etc.). My main website is centred in the browser, but when I load the html page into the container, the whole thing moves to the left of the browser. What am I missing? Main html: <!DOCTYPE html PUBLIC>
Are you limited to how many times you can allow jQuery AJAX on-click actions?
I have list of firms to which I want to add a MAP icon that is clickble to load an external IFRAMED map. I want to use the jQuery AJAX .load process to provide the process to load external blocks of HTML code that when activated for a specific firm with an on-click action loads and displays that specific block of code. The code being loaded is an Iframed Google map for that firm. Only ONE load is being done at a time. I have this working for up to ten firms. When I try more than ten firms to the
Event, Api: correct usage for a simple use case. Feeback needed.
Goal: I try to do learn JQUERY and apply the correct api for a use case. 1. I did according my little understanding See html/javascript code. See below attached picture // dynamically create a list of select/options (Quantity) , textbox (Price of an item), label (Total) // when a select/option is selected, calculate Total = Quantity * Price for each Item and Grand total. 2. How would you code and which aspect of my html/javascript code should be changed to reflect the correct usage of Jquery api
PDF support
hallo i have search forum about PDF inapp support but there is nothing newe then 1 or 2 years old post. is there a (new) way in Jquery mobile to view a PDF file inapp without "leaving the web app" ???? thanks
Writing functions as variables
I am new to jQuary and although I can write functions I can only seem to write a function for everything! One of the methods people use at work is writing functions as variables to cut down on code. However I just can’t grasp this – I find it confusing. Are there any tutorials for doing this particular method? Example below $('.PatchyTopPopUpDiv').click (function () { var ToolTipLink = "#"; var ToolTipImage = $(this).attr('id'); var ToolTipDiv = "Div"; var EmailTool = "-Email"; var ShowToolTip =ToolTipLink+ToolTipImage+EmailTool
Next Page