jquery-ui >= 1.11.0 together with jquery packaged library
I am using a library which uses jquery internally via npm and require ( https://github.com/create3000/cobweb ) . When I try to use jquery-ui independently but on the same page, I can only use jquery-ui up to 1.10.4: jquery-ui 1.10.4: https://rawgit.com/andreasplesch/Library/302b4644e663546b7a201eb9df79be5469ed6b17/Tests/uses_jquery.html 1.11.0 and later does not work any more: jquery-ui 1.12.1: https://rawgit.com/andreasplesch/Library/a8d614533f8935c4f501722531fc2816ea63eaa0/Tests/uses_jquery.html
change of Select (dropdown) within div NOT showing id of dropdown / select
Dear Sir pls refer http://prajaktasoftware.com/digisystem/orderadd.php in this screen click select product When I click i get id name as foodiv0 Select ProductBirthdayCongratulationCorporateFamily FlowersGet WellHalf CircleOnline servicertytry X Delete My Jquery Script $('[id^="foodiv"]').change( function() { $('#cls').text($(this).attr("id")); var thisid=this.id; alert("product id0="+thisid); $('#cls').append($('#'+thisid).val()); }); i am getting alert foodiv0 i had changed dropdown or select
Ajax and Jquery -> not working !
Hi guys, My ajax code should change some html content and then display an alert box It should be easy but to be honest i can't understand why the lines in the "function(data, status)" are not executed $( document ).ready(function() { $("button:button").click(function(){ itemAction=$(this).attr('class'); $.post("[[~[[++ajax_page]]? &scheme=`full`]]",{ userId: 2, itemId: 7, itemAction: itemAction, ajax: 1, }, function(data,
Execute if function from typeof
Hi, I have below code to check if passed object is a function or not. I want to know how can I execute the function if it's a function no matter what function is passed? if (typeof e.itemData.onExecute === "function") { console.log("is function"); -------- EXECUTE THE FUNCTION --------- } else { console.log("is NOT function"); } Thanks, Jassim
jQuery Accordion "End"
I have an accordion setup with jQuery on my SharePoint site...my code is below When I collapse the last H2 header, everything below it collapses, to include my Web Parts, and other text. How do I "end" the accordion so that the remaining content on my site is not collapsed as well. <script language="javascript" type="text/javascript" src="WhatWhatWhat.com/SiteAssets/jquery-3.2.1.min.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function () { var inEditMode
jQuery cycle2: Can I have multiple page parameters?
I'm using the Cycle2 plugin as part of a SpaciousPro theme and I need to be able to have a second set of pagers that highlight as the slides cycle through. In the example below, I'd like to be able to add a second ID after #controllers and a second class after active to piggyback on the functionality but I'm getting an error when I attempt to do that. Is that possible? if(typeof spacious_slider_value !== 'undefined') { var transition_effect = spacious_slider_value.transition_effect; var
Side bar slide off screen on scroll down and back on scroll up with hover to slide in
Hi. I have a side navigation bar which slides in when you hover over the long black bar on the side but i want it to be on screen by default when the user is at the top off the page and slide off with the same animation when the user scrolls down a certain amount but i also want the navbar to slide back in when the user hovers over the side just like it is now i watched many tutorials but none integrate well with what i want to do. HTML <div id="navbarhide"> <div id="navbar">
How to apply datepicker to a dynamically created input field
// jQuery datepicker (function() { var d = new Date(); var maxD = new Date(d.setDate(d.getDate())); $('.datepick').datepicker({changeMonth: true,changeYear: true,yearRange: "-31:+10",dateFormat: "MM dd, yy"}); })(); // apply the datepick class to a dynamically create input field var cell = document.createElement("td"); var cellText = document.createElement('input'); cellText.type = 'text'; cellText.name = 'aDate[]'; // cellText.addClass = 'datepick'; $('.gdate').on('click', function() { $(this).datepicker('destroy').datepicker({changeMonth:
Getting text of a drop down for a text field
I have a drop down that is a list of addresses each separated by the delimiter ",". When an address is selected I need to split the address at the delimiter and place each part into corresponding text fields e.g. company name, address_1, address_2, etc. Here is my jsfiddle so far. I know Im headed in the right direction, but I can't get it to work. Any help would be appreciated. Also, I don't really know JS or jquery very well so keep that in mind. https://jsfiddle.net/yn37qe5a/3/
Jquery validate - check that a field exists before validating
I have the following code, which works if the input name exists, however I have instances where one of the required fields may not even be rendered in the HTML due to not having been pulled from a DB. However I would like the JS to validate and alert the user if for example 'ui_outcome_options[client_to_contact]' hasn't been entered because it doesn't exist. I thought the below, would require the field? but this doesn't appear to be the case. Any ideas anyone? or have I missed something var validator
Change Page and Retain Page Scroll Active Class Functionality
Hi, On the Skull Biker template here, the Bootstrap nav menu links get highlighted when the id=”” tag is scrolled to. However, this only works if the anchor tag and the id tag are on the same page and if the anchor links start with a hash. <a class="page-scroll" href="#home">Home</a> <div Id=”home”></div> When I add a normal URL in front of the #, the functionality does not get carried forward to the new page. What I would like to is change page and still have the links highlighted when a corresponding
adding up the values of multiple dropdown lists and displaying the total in a lable.
Hi All, new to the forums, and quite new to web development so forgive me if this is a bit of a newbie question. first of all my knowledge of html is quite limited and my knowledge of java is next to nothing so I'm hoping for a really easy to understand answer. I'm trying to make a simple budgeting tool for someone who wants to have a PC built. the base price (which includes the case, motherboard and cooling is $204 and this price (displayed in the label) is updated as options are selected in
Mouseover hover Effect/Event for each div among multiple divs with same class
Hi, I am using php while loop to show comments on a page. and i have some css class for comment div. So every comment has the same css class Now the issue is, I am using a mouseover effect to show the dropdown options arrow to report or favorite a comment. but the mouseover effect is being shown only on the 1st comment even i am hovering the mouse on 2nd, 3rd or any other comment. arrow appears only on 1st comment I need a jquery help. i can post the pictures and html code as well if you ask me to
find and replace content based on a pattern
<tr> <th></th> <th class="ms-acal-month-top"><nobr><span>Sunday</span></nobr></th> <th class="ms-acal-month-top"><nobr><span>Monday</span></nobr></th> <th class="ms-acal-month-top"><nobr><span>Tuesday</span></nobr></th> <th class="ms-acal-month-top"><nobr><span>Wednesday</span></nobr></th> <th class="ms-acal-month-top"><nobr><span>Thursday</span></nobr></th> <th class="ms-acal-month-top"><nobr><span>Friday</span></nobr></th> <th class="ms-acal-month-top"><nobr><span>Saturday</span></nobr></th> </tr>
Sticky div that stays at bottom of the page when page is being scrolled
When someone scrolls down our page, at a certain moment a div (with a cta button in it) comes into view. What i am trying to achieve is that this div, from that moment on, gets 'sticky' and scrolls down with the viewport, at the bottom of the viewport, if the site is beging scrolled down. This div then basically is, but not really, sort of a sticky footer as the rest of the site keeps on scrolling behind it. When the user scrolls back up to the point of when he or she reaches the 'original' div,
I created one process in Jquery, I want to make it as plugin
Anyone knows that? How to create a jquery plugin?
Master slider adding pagnitation & extra controls
i love the master slider plugin for wordpress but its lacking some function which i would love to have. Pagnitation: which will show something like this: page 1 of 50 (depending on how many slides you have). Extra controls: Basicaly I want a control displaying previous and next underneath the slide info. When clickinh on one of those buttons the function should correspond and it should jump to the main slider. Here is an example of what im looking for: http://www.musicradar.com/news/tech/the-50-best-vst-au-plugin-synths-in-the-world-today-621799
each or map but deferred
Hi, Just getting my hands on jquery. $('body').find('div[id^="plugin-load"]').map(function(i, elem) { var plugin_id = $(this).attr('data-plugin-id').trim(); $(this).PlugLoader({data: {"pid":plugin_id} }); }); PlugLoader is custom jQuery plugin. It is doing so many stuff like ajax get request, compilation of template using handlebars when data is received and some other stuff. I would like to change code in such a way that until PlugLoader is not done, each/map should wait before executing next
Validate: Cannot read property 'form' of undefined
Hello I keep getting an error in the console called "Cannot read property 'form' of undefined" when using the Validator plugin. It only happens when the user is logged in, and then it only happens if the cookies haven't been cleared recently. Does anyone have any idea what might be causing it? Thanks James
Parted jQuery library
Hi, I developing new project on embedded system, which has a lot of limits, for example web server has max file size 64kB. I have built jQuery without sizzle and a few other features, it takes 63kB. However, I looking for some else solution, for example, parted jQuery library file into 2 files. Is it possible ?
Issue - outerHeight(), innerHeight() and height() cannot computing on element that have load() function.
Hello iam new member on this forum. I have a problem to get height with 3 function jquery : outerHeight(), innerHeight() and height() when applied on element that have a load function. My code is very simple and here is that code : var content = $(".main_profile"); var csp_height = content.outerHeight(); var csp_scrollableHeight = content[0].scrollHeight; console.log( csp_height ); console.log( csp_scrollableHeight ); console.log( csp_scrollableHeight > csp_height ); if ( csp_scrollableHeight
Change Page Using Anchor Tag Then Scroll to Div
Hi, I'm using an anchor link to scroll to a div on another page containing the id="contact" tag. I have tried to use the header background image div 'head-bg' for the offsetSize, The JQuery function works just how I want it to; however, the browser console shows the following error: Uncaught TypeError: Cannot read property 'top' of undefined, I'm an absolute beginner at JQuery. The code below is a combination from snippets I found available to use online. If I understand correctly, the error
Need the big size image to be resizable
My coding is : <!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" lang="en" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> <title>DRAG & DROP</title> <meta name="description" content="DRAG & DROP"
How do I Properly Add jQuery Scripts to my WordPress blog?
Hi, I have my own website done in php. I now a lot about jquery but my problem is wordpress. I dont now wordpress and I want to add some jquery scripts to my blog. the website is abswheels.se (build with php) the blog is on a path folder abswheels.se/blog/ (made in wordpress) My question is how I can add something like this http://callmenick.com/_development/slide-down-menu/
jQuery Time Entry on Wordpress
0down votefavorite I have a Time range field I am trying to implement into my Wordpress page. Where do I need to put this code and how do I call it when I want the range text box displayed on my page? $('.timeRange').timeEntry({beforeShow: customRange}); function customRange(input) { return {minTime: (input.id === 'timeTo' ? $('#timeFrom').timeEntry('getTime') : null), maxTime: (input.id === 'timeFrom' ? $('#timeTo').timeEntry('getTime') : null)}; } I have this for just a simple Time Entry field.
How to move a div above a section?
Hi everyone, I'm new to JQuery and this group and I'm hoping someone can help. I have some content that is generated by software and I need to change the order of one part. I need to move a div above a section. I've tried a few things but have been unsuccessful so far. I'm not sure if it is because I'm dealing with a section or because of a mistake on my part. I need to move the custom-header-container div above the main-section section. What is the correct way to do it? <section class="main-section">
Tooltip appear until the element it's attachet to is in focus.
I know it's a kinda expected behavior, but in my conditions it should be changed. The tooltip is annoying users covering parts of UI they'd be interested to see and interract with. Is there any way to make tooltip appear only onhover and never onfocusin.
Swipe to a different url?
Hi folks, Just starting out on JQM, and I can't seem to find any documentation on what I'm trying to do. I'm trying to create a series of pages with swipe navigation. Not virtual pages, but actual pages. I found a good example of how to do it with the hidden divs, but nothing on how to go to a different url with a swipe. Can someone provide me with a quick example? Like swipe right to load "about.htm" and swipe left to go to "contact.htm"?
How to enlarge thumbnail image into large image by drag and drop in same page, b keeping the thumbnail as it is in the same place?
Any of you know the procedure in Jquery?
JQuery Tabs + Tooltip
I want to have tooltips in my ajax loaded tabs. This is my code: $( '#tabs-1' ).tabs({ beforeLoad: function( event, ui ) {ui.panel.html('<div style="text-align: center; vertical-align: middle;"><img src="images/loading.gif" />'); ui.jqXHR.fail(function() { ui.panel.html("Couldn't load this tab. We'll try to fix this as soon as possible." ); }); } }).on( "tabsload", function( event, ui ) {$('.tooltip').jBox('Tooltip', { closeOnMouseleave: true, ajax: { url: 'tooltips/tooltip-html.jsp', reload: true,
jquery.js Problems
Hello, i have a Problem again.. When i am link jquery.js in my html file no other js functions are available <!DOCTYPE html> <html> <head > <meta charset="UTF8" /> <script src="jquery.js"></script> <script> function OpenWindow(window) { if(window=="login") {document.getElementById("login").style.display = 'block';} else if(window == "register") {document.getElementById("register").style.display = 'block';} } </script> </head> <body > Test ob Erstellt <div id="login" style="display: none;"> LoginLoginLoginLoginLoginLoginLoginLoginLoginLoginLoginLogin
jQuery Mobile Compatibility with .Net - Move popup widget's DIV to the inside the form tag
(apologies in advance if this is posted in the wrong place!) We’re using jQuery Mobile and .Net web forms for constructing mobile web pages. We’re using the latest compatible versions, jQuery 2.1.4 and jQuery Mobile 1.4.5. I’ve discovered a case where .Net web controls lose their values if they are inside a popup widget. Take the following example: Say a mobile page contains a jQuery popup DIV. Inside the popup, there are two .Net web controls, a TextBox and a LinkButton. Open the popup, type something
Ayuda con Jquery
Buenas noches amigos de este foro.... estoy utilizando un buscador con su respectivo paginador jquery en tiempo real que funciona excelente. A la vez en esa misma pagina tengo un formulario para ingresar nuevos registros a mi BD el cual tambien los registra sin recargar la pagina. El problema es que cuando termina de realizar la insersion el buscador queda sin efecto... tengo necesariamente que refrescar la pagina F5 para que todo vuelva a funcionar. Por favor ud. expertos en este tema necesito de
JQuery UI Menu with multiple div
Hello I have a requirement to show the Menu on the left and the content on right. For the Menu im using the JQuery UI. On the click of any particular list item it should show the content for that specific list item. How can this be done considering my .html as <div class="nav"> <ul id="menu"> <li id="link1"><a href="#">List1</a></li> <li id="link2"><a href="#">List2</a></li> <li id="link3"><a href="#">List3</a></li> </ul> </div> <div class="reportContent"> <div id="page1" class="content"> <div id="export1">
title of website in alert box with jquery mobile
Hello World ;-) ! I have a little problem with a alert box using jquery mobile I've got my website adress in title on a alert box and I want canceled it ! Is it possible in a different way or with a little code ? Thx
Linking to an anchor name in a webpage hosted within a Jquery accordion
I want to create two accordions on the same page. The first accordion will host web pages of articles for different topics that are located on my site using a iframe or Ajax (not sure which is best yet). The second accordion will host web pages that have different indexes for each of the different topics. Is it possible to link back and forth from the webpages within the accordions using anchors or some other way of linking to specific locations within each articles and indexes.
datepicker and a table
I can't get datepicker and a table to line up together as in: datepicker table I have tried just about everything e.g: <div class="input-group">
<div id="datepicker"> </div>
<table id="dayTable" class="table table-striped" style="display:inline-table;width:300px;height:500px;font-size:8pt">
<tbody>
<tr>
<td>
cvbb
</td>
</tr>
<tr>
<td>
ytr
</td>
</tr>
</tbody>
</table>
</div>
Problem styling a Joomla UI accordion on Joomla 2.5 page
I've successfully installed a jQuery UI accordion on a joomla 2.5 page. Using Chrome development tools I can style it but these settings are lost on page reset. Checking out the jquery-ui.css file shows it comes from a CDN "https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/redmond/jquery-ui.css". jQuery and jQuery UI were installed using the Joomla Easy Query extension. The versions are jQuery 1.10.2 and UI 1.10. I want to have the jQuery UI css file accessible from the server so my css
print rows table
hi my database rows show in table with html but i need print button for rows, click button print just rows print , please help me
How to parse json object with collection
Hi! I need to parse the following json: { "customerId": 0, "customer": null, "cultureId": 0, "culture": null, "entrys": [], "id": 0, "uId": "26a8dabd-30b1-4a54-8781-70f209c8dbca", "dateCreated": "2017-08-12T17:11:28.9080481+02:00" } this is what I have so far: var obj = JSON.parse(data); but how can I access the number of items (count) in the "entrys" collection?
Next Page