How can I getthe current country name?
Hi all, How can I get name of current country/state ? I want to show a certain content of my page according contry where is user who open my web-page. Thanks for answers.
Help making menu script better
I have made this menu here: http://jsfiddle.net/demiurgen/p331xkde/ But surely there must be a better way of doing this? Can anyone help. I am a total newbie with js and jquery.
jQuery Slider
Hello, I am working at a mobile Homepage. I attached the total Code. I have tried the Excolo Slider (http://excolo.github.io/Excolo-Slider/) The pictures are shown, but the function is written below the pictures and not working. $(function () { $("#slider").excoloSlider(); }); Code: <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="xxx" content="index, follow"> <meta name="Description" content="xxx">
Issues with a double click in a draggable item. HELP PLEASE!!!!
this is the code i have and i need to also add a double click to add to shopping cart option but keep the draggable functionality. can anyone help me please im stuck. $(".product img").draggable({ containment: 'document', opacity: 0.6, revert: 'invalid', helper: 'clone', zIndex: 100 }); $("div.content.drop-here").droppable({ drop: function(e, ui) { var param = $(ui.draggable).attr('src'); if($.browser.msie && $.browser.version=='6.0') { param = $(ui.draggable).attr('style').match(/src=\"([^\"]+)\"/);
Using PHP to submit a form updated by jQuery
In a recent previous post (here ) I wanted to know how to update an "input" field using jQuery by first finding it in the row that was dragged and dropped into place - so that the sequence was recorded properly. I thought I could than hit Submit and $_post the information to the database as normal. However, I found that I could not. In fact the "LAST" item I moved never recorded the information and I had two records with the exact same sequence. I tried it moving it to the first position, to a
How to make 360 view , similar to this website .
Hey guys, not sure this is a 100% jQuery question but taught i'd still ask, i saw this 360 view on this school website here . how do you make that kind of a thing ? any idea . I checked out a few jQuery plugins , but i did't quite like the look and feel of those plugins and they were't a 360 view , in the real sense of 360 view. whats the best way to get a 360 view similar to the one in the website ? preferably something similar or exactly like that . Thank you. Gautam.
Using Bootstrap panel collapse only for mobile, howto
Hey! For a Wordpress-Site I want to use the collapse-function of bootstrap. If you watch the website with a smartphone or tablet, you don't see the whole content. Like Wikipedia. On a desktop it is default to see the content. I can't duplicate the content and just use the bootstrap classes visible-xs and hidden-xs, because it is a side for a client, and I can't double content. How can I say that the default on mobile is .collapse and the default on desktop is .collapse.in ? Thanks a lot!
Dynamically create pages with jquery mobile and ajax'd json
I am looking to dynamically create pages with jquery mobile. I've ajaxed in a bunch of post (via JSON) and displayed part of the post (post image & post title) on my main page. When a users clicks on the title, I want to hide the main page and display the entire post content (html, images, etc) on it's on page. When user hits a button, I want this new page to disappear and the main page to reappear. What is the best approach here, using jquery mobile? What methods should I be using? Are their any
How can i convert the date and time form my Database to the customer timezone with respect to their IP address
I am using PHP codeigniter with msql
Inserting a new value in an HTML structure
For example I have an HTML file like this <td id="td_id"> <h1 class="h1_class"> <a href="testme.com">Title</a>: Sub-title </h1> </td> The output of this would be "Title: Sub-title" But what I need is to insert a new value using jQuery so that the value would be "Title: New Value Sub-title" I can't insert a value in between the comma and the word sub-title. I tried using the td's ID and moving down to it's child but I can't seem to add a value.
validate plugin only validates required first and last tag.
I am trying to validate a shopping cart fore submit and at this point only using the required directive. I am submitting the cart using ajax and I am trying to validate before doing the ajax call. When I call the validate() function, only the first and last tag shows an error. After the errors are shown, the rest of the items do show errors if I tab though them. If I fill out the first and last tag, then the form validates with the rest of the data missing. I have tried putting required as a
The class don’t remain on page refresh, i use jquery cookies plugin
I have a table and when i click on row i want to addclass .selectListItemReaded and persist on page refresh. The plugin that i use it's https://github.com/carhartl/jquery-cookie I have tried this code: TABLE: <table cellpadding="1" cellspacing="1" width="100%" id="tabelRezultat"> <tbody> <tr class="selectListHeader"> <td class="selectListTitle inceput">Data cursei libere</td> <td class="selectListTitle">Plecare din</td> <td class="selectListTitle">Cursa spre</td> <td class="selectListTitle">Locuri
grey out weekends and bank holidays in datepicker
Hi How can I set the background colour for weekends and bank holidays to grey? Please advise
How can I hide an HtmlTableRow?
I've got an HtmlTable that is created with six rows (HtmlTableRows). By setting "display" to "none" on the last four rows, it only displays the first two rows by default, but the HtmlTable can "grow" up to six HtmlTableRows (from the user's perspective) with this code: /* This makes the next hidden row visible, as long as there is one */ $(document).on("click", '[id$=btnAddFoapalRow]', function (e) { $('[id$=foapalhtmltable]').find('tr:hidden:first').show(); }); The above works; I now need to
When menu is responsive stat, sub menu is not collapsing automatically when other is clicked
*#cssmenu, *#cssmenu ul, *#cssmenu ul li, *#cssmenu ul li a, *#cssmenu *#menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; } *#cssmenu *#menu-button { display: none; } *#cssmenu { line-height: 1; background: rgb(0,0,0); width: auto; } *#menu-line { top: 0; left: 0; height: 3.0px; background: rgb(0,0,0); } *#cssmenu > ul > li { float: left; } *#cssmenu.align-center > ul { font-size: 0; text-align: center; } *#cssmenu.align-center > ul > li { float: none;
Can't Run jQuery in Chrome console
I have 2 sites http://www.perfect-rehitim.co.il http://triplebit.com/plugin1 I try to run the following script on both under Chrome: $.each( $('*'), function() { if ( $( this ).width() > $( 'body' ).width()) { console.log( "Wide Element: " , $( this ), "Width: " , $( this ).width()); } }); On the first it runs fine. On the second I get the following result: Uncaught TypeError: Cannot read property 'each' of undefined at <anonymous>:2:2 at Object.InjectedScript._evaluateOn
Anchor link to different page not working (jumping back to top on load)
Hello there! Been a while since I last came here, and as always I bring you a fine conundrum today: Pretty simple: Buttons on index.html links to specific parts of a different page through anchor id's. Problem is that while it is loading the new page, it always goes to the top of it rather than the point where I want it to go. For some reason every time I do a fresh reload of the page, it does go to the anchor on load but only for a second before jumping back to the top of the page. Like something
Table row count incorrectly reported after appending a row
I have an existing table in html. See below: <table id="test_table"> <tr> <td>Col1 Row1</td><td>Col2 Row1</td> </tr> <tr> <td>Col1 Row2</td><td>Col2 Row2</td> </tr> </table> I then use jquery to append another row using the following function: function append_last_row_to_table(table_name, cell_contents) { var last_row_idx = get_number_of_table_rows(table_name); $("#" + table_name + " tr:nth-child(" + last_row_idx + ")").after(cell_contents); } I then use jquery
Anyone know how to shrink an input box?
I'm working on a cart mock-up and have much of it the way I want. However the input boxes refuse to shrink and stay within the table data cell aligned with the title "Quantity:". Instead it drops down a line and extends full width. I have all sorts of inline code in the first 3 tables to make the darn thing behave but none work. I used element inspection tools to temporarily make size adjustments to the box and they worked using padding, height, width, and margin adjustments, but still the box would
JQM 1.4.3 tabs not working as expected
To whom it may concern, I'm currently testing JQM 1.4.3's tab feature and I've ran into a few issues so I wanted to see if there's a fix for this or if it's just me doing something wrong. My first issue is that I want to have the first tab button highlighted on load but when I click between the other tab buttons, the first button remains highlighted until it's clicked again. What I'm doing is just programmatically clicking the button on load. Not sure if this is the best solution but I don't know
jquery syntacx error
Hi i am new to jquery, and i have the following script i am trying to modify with an "or" statement. i am now getting an error "Expected ')' to match '(' from line 1 and instead saw '}'. when i change it i get the error. What am i doing wrong? $ ( document ). ready ( function () { if($('.toggle-nav') || $('#navigation li a').click(function(){ $('#navigation').toggle(); } }); });
Open a specific tab THEN accordion through an external URL
I have a client who we have built a new website using WordPress and WP UI (plugin) to generate tabs which then use accordions inside each tab to better organize the data. We are able to link to the specific tabs through an anchor ID (ex: /page/#tabanchorID), but we also need to be able to open a specific tab THEN a specific accordion within that tab. See photo below - Example: We need to open the Anilox Rolls tab (#anilox_rolls) on the left and THEN "EFlo™" on the right. How do we pass this via
jQuery events with dynamically loaded widgets not working
Short question: When I dynamically load a div on the page in jQuery, it seems to not respond to jQuery events. Is there some way to register the events needed? More detailed description: I have a class called closebox that when clicked, closes the box and serializes the widgets. This is working well for divs that were loaded when jQuery was initialize: $('.closebox').click(function (event) { event.preventDefault(); var hpanel = $(this).closest('div.hpanel'); hpanel.remove();
Solari Board
Has anyone tried this addon? https://github.com/FogCreek/solari-board I've downloaded it and tried the example with no joy - no sound either. I tried IE and Chrome with no luck
Extra border spacing in sortable table in Safari 7.1.7
I have a table with sortable rows (note that sortable() has been called on tbody as stated in the documentation). When I sort the rows, the border spacing gets bigger and bigger. This occurs when using "border-collapse: separate;" and setting a vertical spacing between the cells/rows, e.g. "border-spacing: 0 .3rem;". I've created a very simple fiddle to demonstrate this: http://jsfiddle.net/t6qzn5c8/ Repeatedly sort the rows and the space will keep growing. At the start: After repeated sorting: This
jQuery Functionality Question/request for guidance.
Hi all, I'm hoping that someone will be able to point me in the right direction for a solution. I'm essentially trying to put together a 'simple' search/filter system for a website project I've decided to do and would like to add a little something more than just a form of combo boxes (which I can do no problem) so after seeing what jquery can do, I was wondering if anyone knew of a plugin/script that would allow me to what is illustrated in the following image. I've had a quick look through the
parent and child div not expanding
I had a create an application using jquery mobile framework.In dat i had bind my data dynamically from the database and appending it to a child div inside the parent div.But My problem is my parent div and child div not expanding according to the content.I had paste my code here. html part <div id="div_tempfl" data-role="header" data data-theme="f"> <!--<h3 id="tempnameheaderh3"></h3>--> <div id="divtempflinner" class="div_tempfl_inner"></div> </div> css part #div_tempfl
facing autocomplete tagit problem when search the countries
hi this is deepthi. now presently i am working on autocomplete tagit using ajax. when i am searching countries using autocompletes,it searching fine but the problem is after selecting one country no need to accept any characters and i don't want autocomplete after selecting one country. is it possible.please help me any one.
multiselect
jquery multiselect plugin not working properly for more than 3000 data entries. Widget floats down in the page.
How to How to dynamically update a counter that show numbers of received messages from a data base?
Hi, I use PHP and I get the numbers of messages received by an user query a MySQL database and show it in a web page, I would like to update and refresh automatically the numbers of received messages without that the user has to use the refresh button. How can I do it?, sorry, I am not used to use jquery. Any example would be appreciated. Thanks a lot Francisco
Sort a list of links within each table cell
My website's CMS creates a table as a calendar, but does not sort the events in order by time (or give me the option to manually sort them); it just adds them one after another. I'd like to add an inline script that reorders the events based on the time that is included within the link text. Some dates do not have any events, however, these cells still contain a link because each date's number is a link. Some only have one event, so those cells would contain two links, but do not need to be reordered.
How to shrink all <img> pictures on a webpage to 60% or original width/height?
Assume I have the following webpage: https://www.raymond.cc/blog/5-system-rescue-boot-disc-based-on-windows-pe/ After loading the web page in Firefox I want to execute a jQuery script which shrinks all images (of the core article) to 60% of the original size. jQuery script execution should be triggered out of a Greasemonkey script. So how would a jQuery statement look like which selects all <img> elements, find out their original size, calculates the new size (without fraction) and applies the new
Jquery calendar previous and next links
How to get the first and last date of the month of calendar while changing the months using prev and next arrows. Thanks in Advance
How to change row height in responsive table and.......
How can I change the row height of a responsive table? There is a lot of wasted space between lines. Also, how can I make this input box smaller (4-5 characters is all I need) and have it display in line with the "Quantity:" heading? See my test page here: http://m.publicmissiles.com/cart2.aspx Thank you! Frank
My first jQuery line doesn't work.
Hi-- I just read the jQuery documentation today, and my very first jQuery line doesn't work. The JavaScript works, but my new jQuery line doesn't. Can you please help me understand why? Here's my code that works: Starting with an empty table... <table id="PUploads"> <caption>Pending Partial Uploads<br /> Choose any row for further action. </caption> <tr> <th style="width:10px">#</th> <th style="width:150px">File Path<br />on S3</th>
JQuery Tabs not populating / assigning
I'm new to jquery but I've completed the basic tutorials. Most of the examples I've seen use pure html and javascript but I'm trying to use PHP. I have the basic TAB object setup and of course it works with hard-coded text - but fails when trying to populate it with a PHP variable. $('#tab-doc').html('Test'); // Works fine $('#tab-doc').html(' ?> print $html; <?php '); // This fails I've also tried: print "$('#-tab-doc').html('test');"; // Works fine
POST COMPLETE
I have a form i'm posting (see this thread: https://forum.jquery.com/topic/ajax-post#14737000006338031) I want to call another function when this post is complete. how can I do this?
on button click open overlay and change button text
Hello, my fiddle: https://jsfiddle.net/seb4222/1a0240mo/19/ When i click on "Menu" and the overlay will be opened. But what doesnt work: I want that the "menu" disappears and the "close menu" appears. Thanks alot :)
Search function from select and display
Hello everyone , i got a problem . I making littel product catalog and i want add for this catalog search option in tabel by value or name ... example AU-1010 . I want personalize this search function by this symbol "AU-1010". I have make form and select with chained jquery function and add this result display from here http://jsfiddle.net/TLBvx/1/ . When i choose last option of last tier it display my result in tabel . It this point i have problem beacuse i want search function connect to this
Loop through elements in has selector
I have the below code. Right now it only gives me the first element that satisfies the has condition. How can I loop through all the items returned/satisfied from has selector and perform the color change function. var data = $('.tab-pane').has('.input-validation-error').attr('id'); var href1 = "#" +data; $("a[href=" + href1 + "]").css("color", "red"); Thanks
Next Page