Drupal jquery.slicebox.js conflict
I currently have the slicebox library being used on a drupal 7 website. It's not a module and it's being added to a page content-type in hardcoded version: <?php drupal_add_js(path_to_theme().'/js/no_bug_jquery.slicebox.min.js', 'file'); drupal_add_js(path_to_theme().'/js/no_bug_jquery.slicebox.js', 'file'); ?> My problem is that the 1st file (jquery.slicebox.min.js) is in conflict with other .js scripts found on this page. If I remove that 1st file, the other scripts work fine but I can't display
add pages views to indivisual blog posts
I want to add pages views to my blog , so do i just add the same google analytics code to each page ? Do i need a backend for this at all ? if anybody has done this before can somebody guide me . Thank you. Gautam.
canvas smoke effect .. just like in this site.
I wanted to create a smoke effect just like this one HERE. so i checked the dev tools and there is this element below: <canvas id="glRenderer" width="1366" height="591" style="width: 1366px; height: 591px; transform: scale(1); transform-origin: left top 0px;"></canvas> But when i do ctrl+u and check the source and all the corresponding JS files , i see no id with the following name: glRenderer or even canvas , so how is this effect being created ?? I would really appreciate if somebody could point
unload is deprecated - is there any substitute for leaving a page and firing an event?
When I leave a webpage, I need to clear all the timers that I had previously set with 'setTimeout'. Microsoft Edge may have a bug where it doesn't turn them off, -- I'm not sure, but a bug I'm encountering would be consistent with them having a problem. Anyway, I looked up the jQuery documentation, and found that the 'unload' event is deprecated. So what can I use that will tell me when either the page is left, or if that is impossible, that a link has been clicked that goes to another page, or
select multiple & show both contents
hi I have this website. http://shumoni.com/demo/quotations.php there are multiple items in the Products, when I select one, it shows the data of that related products, but when I select both, it suppose to show both data in the field. but its not doing it. let me tell you more about it. when I select EZSpeed, then it shows Type, then from there I can choose New/Repair/Both. I want to select both from the products (EZSpeed & EZEnergy), & then it should show me New/Repair/Both, & from there if I
jQuery UI "Bounce" effect toggles twice
Hi! I have 4 pictures "Goog", they are hidden. I want to fadeIn two of them, and then launch "Bounce", like second effect. But I can do it only with button, not in fadeIn complete function: jsfiddle: link I suggest my problem is with "bounce", it toggles twice on load.. api.jqueryui.com/bounce-effect Best regards, Gennady
understanding the .append() and .remove() behavior
I don't understand the `.remove()` behavior here of `$postNav.remove();` In the snippet below if the first time you click on "I'm a tag" the `.remove()` does work as expected deleting the `<li>` and `<ol>` respectively, but the second time you click on it only the `<li>` is deleted and not the `<ol>`. And i don't understand why the beaviour is different here, has the html remain the same… i have created a jsfiddle which repro the behavior and avoid a too big post, thanks in advance for any help.
PARSEINT REQUIRES
1. PARSEINT REQUIRES A RADIX: Please make sure you are supplying a radix for all parseInt(). 2. 2. PROPER EVENT BINDING: Consider using the preferred .on() method rather than .click(), .bind(), .hover(), etc. For best performance and concise code use event delegation whenever possible: please somebody answer this...
this.source is not a function
I'm trying to use autocomplete in a modal, so to get it working at all I had to jQuery(function() { return $(this).bind("ajax:success", function() { return jQuery(function() { return $('#mail_recipient').autocomplete({ source: $('#mail_recipient').data('autocomplete_source') }); }); }); }); because it wouldn't bind to an ajax loaded partial form in rails. in the form i've got: <%= f.input :recipient, data: { autocomplete_source: ['asdf', 'qwer', 'zxcv']} %> which
How to get calendars in french ?
Hello I 'd like to get my calendars in french so, I add a first function in my code but it doesn't work. Can you tell me what I did wrong ? Thanks <script type="text/javascript"> $(function() { $.datepicker.setDefaults($.datepicker.regional['fr']); $('#datepicker').datepicker({showWeeks: true}); }); $(function(){ $( "#from" ).datepicker({ //defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, dateFormat: 'dd-mm-yy', onSelect: function() { var date = $(this).datepicker('getDate');
Full screen widget
Hello! Sorry for my english but I learn it very long time ago:) I found some widget for website which is: <div class="panel-heading">Burze</div> <div class="panel-body" style="min-height: 280px;"> <iframe height='280px' width='310px' sandbox='allow-same-origin allow-scripts' src='http://pl.blitzortung.org/live_dynamic_maps.php' frameborder="0" scrolling="no"></iframe> </div> when i go for my website i see pictures like this and i have to click "tryb pełnoekranowy" to see map with full size like
Radio's ID and Value for a Survey
Hi, I have below code and I want to pus the info below to a .ajax to send it to my PHP but I want to have the ID of every question assign to it then my jquery send it because I want my database to save the question_id and the value for the radio group. something like this: <div class="questionItem" QUESTION_ID="7"> 1. Overall, I was satisfied with my experience at Aroma Cafe.<br /> <div data-bind="dxRadioGroup: { items: [ {id: 1, name: 'Strongly Agree'}, {id: 2 , name: 'Agree'}, { id: 3,
jQuery NoConflict
Hi all, I am using jQuery and Sharepoints SPServices library(to perform GetVersionedCollection operation as mentioned here https://social.msdn.microsoft.com/Forums/office/en-US/e7089153-cd8e-4c38-874c-2ca388b877c0/read-versions-of-comments-field-using-javascript-client-object-model?forum=sharepointdevelopmentprevious. But when I call the SPServices utlity with $().SPServices.... , it says $ is not defined. So I did var jq=$.noConflict(true); and used jq().SPServices and it worked fine. My form also
jQuery - reading data from html table
I have a html table with only one almost empty row but more rows can be added/deleted by user(click the button). User has to input data in a few rows and the jQuery script has to read it and make some calculations and then fills the rest of table cells(and two other fields under the table). And here's the problem. The jQuery reads/loads the data only from first row. It will work for the second row ONLY when i will change something(input) from the first row or i will fill the second row in the first
How to remove (indirect) parent element with class="foobar" only?
Assume we have the following html structure: <div class="aaa"><div ....>... <div class="bbb">...</div> </div></div> <div class="foobar"><div ....>... <div class="bbb">...</div> </div></div> Now I want to do the following: - Search for all <div> elements with class="bbb" - then (for each found element) go (one or more levels) upwards and search for a(nother) <div> element with class="foobar" - If it exist then remove this <div> element with class=foobar. Otherwise do nothing It the sample above only
Create Shapes based on user scroll
I'm looking for some help how I can create paths using paper.js based on the user scrolling wrapped in jQuery ? I was thinking using Adobe Animate but thought it may not be able to accomplish this even though it implements Canvas, HTML5 for all devices better then older technology such as paper.js; which I hear is slower for tablets for which I want to target up to desktop\laptops.
Two Slider side by side center of the page
Hello, could someone eventually help me on this? I try to have two slider side by side on the center of the page. (the best is that i could choose the space between them) Maybe there's already a post on this but can't find it. Thank you very much!
2nd button not triggering Validate
Re-posting this question as I mistakenly checked "answered". Inherited an ASPX webform project (yeah): Master has a <asp:button id="btn1" runat="server" Text="btn1" PostBackUrl="page1.aspx"></asp> Content page2.aspx has <asp:button id="btn2" runat="server" Text="btn2" PostBackUrl="page2.aspx"></asp> When <input> fields are empty, they are expected to be invalid. click on btn1, validate kicks in, confirmed by F12, they are invalid, good. click on btn2, validate won't kick in, confirmed by F12. if
Uncaught TypeError: Illegal invocation
Hi, I am getting the above error and can't figure our why? kindly help.. This is my code: var formData = new FormData(); formData.append("login_name", "731004167"); formData.append("login_password", "Jassim@2013"); $.ajax({ type: "POST", url: 'signin2.php', dataType: 'json', data: formData, }).done(function (data) { console.log(data); // DevExpress.ui.dialog.alert('BlueFile', 'Success!'); if (data) { BlueFile_Mobile.app.navigate("my"); } else {
Changing background of listview / Split buttons
Hi, I'm using following code to generate a listview (server side): <div data-role="page" data-quicklinks="true" id="index"> <div data-role="header"> <h1> Tivo Remote </h1> <div data-role="ui-content"> <ul data-role="listview" data-split-icon="arrow-r" data-split-theme="a" data-filter="true" data-filter-placeholder="Sök program"> <li> <a href="index.php?channel=21">xxxx</br> <font color=gray>00:24 yyy</font></br> <font color=gray>01:24 zzz</font></br> <a href="program.php?channel=1">More</a>
Design website as app
Hi All, What advises and architectural decisions are important when we build a website, so that it is easier to convert this into an mobile app later. all the business logic should be designed in services way ? all the navigation has to be decided at client side ? regards
Ajax error: 500
i was adding some new product to my database in the back-end all is working fine, but once i've moved to the front-end I've found this error (Failed to load resource: the server responded with a status of 500 (Internal Server Error) and (jquery.min.js:4 POST 500 (Internal Server Error)) Anyone can help me to solve this?
JQuery selectable helper
Hey, how can i make fixed Selectable helper, i want to select elements only like a box(2x2,3x3,4x4,5x5,6x6)
Get numbered files with ajax for slideshow
I have a two pages document and a folder with several sequenitially numbered image files. I'm making a slideshow with an ajax request between these pages. I'm using the ajax post method with json encode. What I want to know is how to get a numbered files in an ajax request (with glob function and json encode) to put them in divs to make a slideshow with html, ccs and javascript . I've tried with this but it doesn't work. page1.php <!DOCTYPE HTML> <html lang=""> <head> <meta charset="UTF-8">
When to link jQuery Mobile css?
I notice that there are many CSS files that comes with jQuery Mobile. The main one jquery.mobile-1.4.5.min.css is obviously required. But what about the rest? When do we need to include and link them? Do we need to include these files in the packaging for a mobile app or web site? jquery.mobile.external-png-1.4.5.min.css jquery.mobile.icons-1.4.5.min.css jquery.mobile.inline-png-1.4.5.min.css jquery.mobile.inline-svg-1.4.5.min.css jquery.mobile.structure-1.4.5.min.css jquery.mobile.theme-1.4.5.min.css
setting a default time with timepicker
This was my attempt: $('#txt_duetime, #txt_duetime_edit').timepicker({ 'step': 15, defaultTime: '12:00am' }); This results in a blank value being displayed on the form. What is the correct way of setting defaultTime? I'm not sure if the document I found was accurate or current.
Cannot use "jquery" in directory name/url?
I am starting with a simple empty template (see below). Took me 2 hours discover a strange issue through various trial-and-error tests. Note the script tag src attribute is using "/libs/jquer/...". This is a deliberate misspelling missing the "y". The moment I switch the directory name (and thus URL path) to "/libs/jquery/..." and update the src attribute accordingly, the whole jQuery Mobile page formatting will fail. Is there a strange path or filename parsing issue? Did I break certain assumption
.validate().element() returns FALSE but .elementS() returns TRUE
A form has three elements. This returns TRUE (not supposed as none has value) $("#form").validate().elements();Each individual returns FALSE (correct) $("#form").validate().element("#input1"); $("#form").validate().element("#input2"); $("#form").validate().element("#input3");Must be something I missed or don't know how.
Bug using a checkbox or checkboxradio inside an Accordion
Hi If I put a checkbox or a checkboxradio inside an accordion, the icon for the "tick" goes wrong (as it doesn't display a tick, but another icon that I can't recognise). This link shows what I mean: http://www.coolgreen.ltd.uk/error/jquery_bug.html This code should show it: <!doctype html> <html lang="us"> <head> <meta charset="utf-8"> <title>jQuery UI Example Page</title> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> </head>
Validator website does not have full docment and reference?
While looking for a solution using Validator, I came across to this link on using Validator.element(). Also interested in the Validator.elements(), so I used the URL https://jqueryvalidation.org/Validator.elements . Invalid page. Poked around the Validator website for document/reference, but neither the document nor reference menu link at top provide any details. Tried Categories at right didn't get it. Is it somewhere or this hard-to-find-things is a natural byproduct of open-source?
Updating URLs in posts is broken
In my response to the following: https://forum.jquery.com/topic/jquery-calculations-on-run-time I edited the URL for the jsFiddle so that the end was /3 instead of /1. While the displayed text showed /3, the underlying link remained unchanged - /1! I had to delete the entire line and re-enter it. This is going to cause a great deal of confusion if not fixed. I only noticed because I am a suspicious sort, and clicked on the link to make sure it worked. re: my previous post here: I guess quotes
jquery calculations on run time
here is fiddle https://jsfiddle.net/n353t1dt/ i want to write qty and price it will show me result by multiplying both values in total and in net total field it will show me sum of all totals can any one help me
Can I add "add row" to this table row drag/drop/delete?
Hi there everyone! I'm integrating this table drag & drop into one of my forms. The demo: http://designpoodles.com/avtex/sortable-table/ My Form: https://wheeltastic.com/test.html You can see with my form that I've also included a form element right below it that allows me to add new specs, in addition to the current ones that I am now able to reorder. I would, however, love to be able to nix the second "add" specs and simply click a button to add a row onto the draggable table. Is such a thing possible
select value to show another hidden dropdown box
Hi I have this website http://shumoni.com/testing/quotations.php I have got this code from this forum. here is the code $(document).on('change', 'select[name="Discount"]', function() { var $select = $(this); var $partnerBlock = $select.closest('.col-md-2').siblings('.partner'); if ($select.val() === 'Yes') { $partnerBlock.addClass('show'); } else { $partnerBlock.removeClass('show'); } }); when I will select Discount "Yes", only then it will show me the Partner with partner list. The Partner will
Catch a jquery event from select box, change number in a link and open the payment gateway
Hello everyone! Pls, help. Need a select box that would catch a jquery event (on select) and change the number in a link (by a variable) and open the payment gateway.
Loosing the href value while .clone() & while doing .empty() help needed #javascript #jQuery
HTML: <ul class="SegmentCommandsMenu"> <li class="segmentCommandReserve" style="display: list-item;"> <a href="javascript:openReservationPopup(4299,0,720)"> <img src="/QFlow/Images/Calendar/reserve.png" border="0" alt="Reserve">Reserve</a> </li> </ul> Jquery: var el = $('li.segmentCommandReserve').clone(); - this returns the value but the href is "" but then i tried to do set the value of href by doing the below: el.find('a').attr('href',$('li.segmentCommandReserve').find('a').attr('href'));
tinymce not defined .. why ?
I am trying to use TINYMCE richtextbox. My html doc is HERE. Now i have the following code for initialization: tinymce.init({ selector: '#description-textbox', codesample_languages: [ {text: 'HTML/XML', value: 'markup'}, {text: 'JavaScript', value: 'javascript'}, {text: 'CSS', value: 'css'}, {text: 'PHP', value: 'php'} ], toolbar: "codesample" }); I get the following error: Uncaught ReferenceError: tinymce is not defined at index.html:33
Buttons made from Link or Button Tags not initialized
Using jQuery 2.1.3 or 2.1.4 and jQueryMobile 1.4.5 buttons that are create from A or BUTTON tags are not being properly initialized. If I have: <input type="submit" id="input_type" value="Input Tag"> <button type="button" id="button_type">Button Tag</button> <a href="#" id="link_type" data-role="button">Link Tag</a> All three are properly rendered as buttons. However only the input[type=submit] is properly initialized. If I run: $('#input_type').button('disable') The button based on the input is
SharePoint 2013 Jquery Error-"Uncaught TypeError: Cannot read property 'each' of undefined"
Hi, I am getting error while executing below code and image error-Uncaught TypeError: $ is not a function <script type="text/javascript"> $(document).ready(function() { var sPath = window.location.pathname; var sPage = sPath.substring(sPath.lastIndexOf('/') + 1); var isOnlyReader=isUserInGroup('',__zurichReaderID,false); if I change $(document) to Jquery(document) than It shows error in interaction.js with below code and image Error-Uncaught TypeError: Cannot read property 'each' of undefined
Losing ListView formatting when HTML is passed to a <div>
Hello: I am still learning js and jQuery. I ran across this issue I'm hoping someone can point me in the right direction. I have a function in my js file that takes some data and dynamically combines it with HTML and passed to a div in my HTML doc so it can be displayed. Here is that function: function fnShowClassesTable(data) { var str = "<ul data-role='listview' data-inset='true'>";*/ str += "<ul data-role='listview' data-inset='true'>"; // Build a string of HTML; using a <table> str += "<li data-role='list-divider'
Next Page