How to create a table using Jquery
Hi I'm trying to study jQuery Myself I need to create a table when a button is clicked using jQuery Please guide me to do the task Thanks in advance and the html code I used is given below @model IEnumerable<movie_index.Models.Movie> @{ ViewBag.Title = "Index"; } <h2>Index</h2> <p> @Html.ActionLink("Create New", "Create") </p> <table class="ui-widget ui-widget-content" id="movies"> <tr class="ui-widget-header "> <th> Movie </th> <th> Genre
affect only on nested div when there are multiple divs with same class
Im trying to expand and collaps divs, which works. But when using the code below all divs with the class 'entry-content' are affected. Id like only the 'entry-content' div ,which is nested in the same div as the expand text, to be affected. There are 20 setups like this in the same page. <div class="threecol project-container-color project-container"> <p class="insp_title openIt"> EXPAND</p> <div class="project_thumb"> <?php the_post_thumbnail('large');
String Reverse
script type="text/javascript"> $(document).ready( function () { var elements = ["zBca", "zNca", "k", "j", "i", "h", "g", "f", "e", "d", "c", "b", "a"]; ele = elements.sort(); document.writeln(ele + "<br/>"); for (var i = 69; i >= 65; i--) { var n1 = String.fromCharCode(i); document.writeln(n1 + "<br/>"); var n2 = n1.split(" "); document.write("Calling Funcitons:" + n2 + "<br/>"); } alert(n2); }); </script> I Want OUTPUT A B C D E F array Sort method is not working here Please help....
how to seperate php generated buttons
I'm generating tables of buttons with php echo ' <td"> <form action="test.php" method="POST"> <input type="hidden" id="node" name="node" value="'.$fnode->{'name'}.'"> <input type="hidden" id="service" name="service" value="'.$flavor.'"> <input type="hidden" id="running" name="running" value="false"> <input type="submit" value="OFF" class="button"> </form> </td>'; I want to send the values without reloading via jquery ajax and I'm using this code for it: $(".button").click(function() { $('.error').hide();
hidden value in a AJAX data response in html
How do you make an AJAX response, data item hidden in the html so that you can use that hidden id value? For example, the item.id value in the each function, I don't want to display it to the user. I know I could filter out the id value, but I need it in each row so when the checkbox is checked that row will be deleted in another AJAX event click. I need the value in the HTML so I can identify the row. thnkx success: function(data) { success: function(data) { var checkbx ='<input
Ajax is not working in IE
I have a servlet in java. My servlet URL is http: //192.168.10.113:8080/collective-intellegence/UserClickPersonClassifier?userid=1&query=asp.net This URL is giving json data. I am using a jquery ajax call to get the data. My Code function SecondResultLink(link, userId, userInput) { try{ var urlSearch = "http://192.168.10.113:8080/collective-intellegence/UserClickLinkClassifier?userid=" + userId + "&query=" + userInput; $.ajax({ url: urlSearch, type: 'POST',
Computed font size is bigger than defined in CSS on the Asus Nexus 7
I have a problem with Asus Nexus 7. I posted a question on stackoverflow Computed font size is bigger than defined in CSS on the Asus Nexus 7 but no solution found. Can anyone help me?
How do i reposition a popup after i change its content?
Hi, I'm using JQM 1.2.0. I have a popup with a listview and a reload button. The popup is centered in the window. When the reload button in the popup is clicked, the listview content is being replaced and the new content might be wider/narrower or taller/shorter. For this reason i need the framework to recalculate the width/height and position of the popup in the screen. How do i do it? I don't see a method that the popup widget exposes for this. Thanks!
Need width of img inside of div
Hi, i'm new in programming.. pls help me with that <div class="new"> <img src=".."></img> . .... <img src=".."></img> </div> <p>click</p> ho do i obtain the width of each img by pressing on paragraph, one by one!? thnks a lot!
.animate() - Queue Simulation for older jquery Verions (Drupal) Conflict
Hello Guys, im searching for a solution to come out with the jquery Version, which Drupal is including natively. Its a older version. Actually there are nooo problems - but one :D I use a .animate() function with a queue false, and without this attribute (because this attribute was addet to .animate() in jquery 1.7), it is not animating as i want. The code is: //When mouse rolls over $("#login").bind('mouseover mouseenter',function(){ $("#logo").stop().delay(500)
Load post response in iframe
Hi, i've an iframe <iframe class="browser" scrolling="no" name="navigation"></iframe> An when a specific event is fired a POST request is sent to a servlet $.post("LoggerServlet", { sharedSessionId: $('#sharedSessionId').val(), level: $('#level').val(), goTo: this.href} ); is it possible to target the POST response to the iframe? P.S. i think is possible use a workaround, like create a hidden form, populate it dynamically and use submit() method, but i'd prefer a "native" solution if is possible.
[jQuery] How to make a POST call ?
Hello, I am just playing around a bit with jQuery and so I soon entered a question: There is following code-snippet trying to call the php-script ShowIt.php: call.php: $.ajax({ type: 'POST', timeout: 5000, url: 'ShowIt.php', data: { uids: "1" },function(data){ alert("Hello"); }}); ShowIt.php: <?php echo '<div style = "position:absolute;top:300px;left:300px;>'.$_POST['uid'].'</div>'; ?> What shall I say ? It does not work. The script 'ShowIt.php' is called with POST, but no data is transferred.
Superfish on Wordpress
HI all Ive tried to integrate superfish into my WP theme, however the run script appears to be erroring. It is stating a uncaught Santax Error : Unexpected token illegal. I have called the js using the wp_enqueue_script in my functions file. And the CSS in the header... The menu CSS appears to be loading, however the indicator on the parent with child isnt. Any ideas? Thanks Kirsty
How to move several DIV elements at the same time?
(elements must maintain the distance between them)
jQuery CaretSpinner & TimeSpinner
jQuery UI recently introduced the spinner control. The issue I had with it was that the up/down buttons could only step a specific interval. I wanted to be able to step up depending on the current position of the cursor. For example, the decimal example on their site can only increment by .01. In my improved version, the decimal will increment either by .01 or 1, depending on where the user's cursor is. Same for the time spinner.More information and demo available at http://microalps.com/modules/opensource/
How to catch error jQuery via Model of MVC
I have Form with jQuery, this's link: http://jqueryui.com/dialog/#modal-form I want to catch error by Model, i'm looking for many website but have no result. My javascrip: $(function () { var name = $("#name").val(), email = $("#email").val(), password = $("#password").val(), allFields = $([]).add(name).add(email).add(password), tips = $(".validateTips"); $(function () { $("#create-user") .button() .click(function
jQuery 1.8.2 | Drag and Drop: Dynamically populating targeted text input but its value is not accessible.
A file input element selects a base64 png from desktop and a decoded text string appears in an adjacent text input element for further jQuery processing. However, when I drag and drop the same base64 png onto the file input element, the decoded text string appears in the adjacent text input element but is not subsequently processed by jQuery. It's like everything stops after line 2 of code: $('#file_input').on('change', function() { handleFiles(this.files); // Base64 decoder which inserts text string
jQuery UI Sortable triggers a Click in Firefox 15
Hi there. I wasn't sure whether to post this here or in the Firefox forum, since the problem has only started happening since I upgraded to FF15 a couple of days ago. I can demonstrate my problem if you take the source from the default example for the jQuery UI Sortable plugin at http://jqueryui.com/demos/sortable/ (click on 'View Source') and then add a click function to the script, like this: <script> $(function() { $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); $(
content page load...
Hello.. Im pretty new to Jquery.. and this one thing has been making me crazy... I had set up website with few menus... I have this menu call latest news..and i want this page to load on homepage...and also in the menu too.. Right now my "homepage is empty with just background... you have to click on menu to have contents.. but i want lates news to be on hompage... Can anyone please help me with this code?... how to load a content on homepage.... Thank you so much J
Drag & Drop: Dropped Objects become [object HTMLTableCellElement]
Hi, I am building objects with function oColumn(name, agg) { this.name = name; this.agg = agg; this.toString = function() { text = ""; text += "<div class='draggable' >"; text += '<p>' + this.name + '(' + this.agg + ')</p>'; text += "</div>"; return text; } } Then I drag and drop these objects from one place to another Actually the objects are transfered from one array
How can I get the page loading widget when using a dropdown navigation list?
I have the following code for a dropdown navigation menu to choose which page to go to next. This works great, but I don't get the page loading widgets with this method. Can I tweak this code to get that effect? Or is there a better way to do this? I have been searching around for hours and can't seem to find a solution for what I am trying to do! Thanks for any help or suggestions! Here is my code: <html> <head> <title>Links</title> <meta name="viewport" content="width=device-width, initial-scale=1">
keydown/keyup toggle functionality
I'm trying to understand how I might toggle on/off functionality while a key is pressed. I've been working on an example but I'm struggling with how to select the element I'm currently interacting with so I can revert functionality once the key is released. Below is the code I'm currently working on. On lines 6, 16 and 17 I would really like to select the specific element that was being resized, not all items in that class. How can I reference that specific item to toggle it's settings? $(document).keydown(function(e)
Image gallery similar to iTunes album art
Does anyone know where I can find a tutorial on creating an image gallery similar to iTunes' album art slideshow, where the pictures are stacked with each other diagonally? Picture: I've seen a person's blog with a slideshow like this but that person's blog no longer exists. =/ This tutorial is the only one I've found that has a similar style: mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/ However I don't want the big central image and I'm not sure
Problems switching from livequery...
Good Morning! Well, I was hoping to remove livequery from our code and use the jquery .on method instead to trigger events on dynamically generated objects, but it isn't working. We're using jquery 1.7.2 Here is the livequery code that is working perfect on dynamically generated objects: $('a#my_link').livequery("click", function(e){ alert('This works everytime!'); }); Here is the jquery code that does not trigger on dynamically generated objects (works just fine on original html objects):
all pages in one html ?
Hi All, I am trying to do a phonegap app. what is best practices for jqm ? keep all pages (data-role=page) in 1 html file and javascripts in one js file and traverse pages with $.mobile.changePage or keep all pages in separate html files and do a window.location.href ? in android window.location.href actualy opens a new activity which looks ugly. also window.location.href stops all transitions for me (though transition is not a must for me in this application !) I would appreciate the pundits telling
Problem with setTimeout inside $.each ...
Hello, Im back showing my ignorance again. This time, I apparently dont understand the settimeout function. It seems to work the first time but after that it seems to ignore it. I think it's a scope problem but im not sure. Ive used several examples but they all give the same results. Here is my code: $.each($json.PDMOVE, function () { setTimeout(function() { var nocntrs
Fixed Toolbar & long listview
hey , I have poroblems with the fixed toolbar. first: if i use opera mobile mini or build in browser on android, the fixed toolbar is not realy fixed and the workaround not very works fine. second: this is the main problem! by scrolling on android with long listviews the fixed toolbar generates grafic misstaks on the listview. you can watch it under: www.menulib.com/buyer/start/index only on android, ios works very well
Run two test files on one page?
Is it possible to include two javascript files of tests in a page? I want to have one file for tests that common to all pages, and one that is specific to the page. But if try <div id="qunit"></div> <script src="scripts/qunit_home/qunit/qunit.js"></script> <script src="scripts/tests/myTests.js"></script> <script src="scripts/tests/demoTest.js"></script> only the last test file runs. If I switch the order of the last two lines, the other set of tests runs.
How to wait for a popup to close?
In jQuery Mobile 1.2.0 i'm using the new popup widget. $('#my_popup').popup('close'); $('#my_popup').popup('open'); I obviously want to wait until the the popup closes completely before i open it again. The close method does not provide a callback function option.
jquer slider on mobile
hey, i build jquery mobile page and i have very big problem.. When I use slider he is not respondiong i try with diferent values but nothing. . anaybody now where is the problem?? Thanks
Autocomplete: two question on the select event data and on the autocomplete object
Let say there is an autocomplete bound to an input element: <input id="myInput" /> <script> $( "#myInput" ).autocomplete({ source: [/* whatever */] }); </script> 1. Is it possible to pass event data to the select event handler? /* is it possible to pass event data as in the .bind method? */ $('#myInput).select({'targetId':'value'}, function(event,data){}); 2. Is there any autocomplete object accessible from the browser debugger at runtime?
How to reduce size of mobile web page in MVC 4
Currently i am using MVC 4 framework to create mobile web app, When i checked my default login page on W3C checker "http://validator.w3.org/mobile/check" its showing size of jQuery mobile css files as more than 147kb .These are the minified versions of those files.My total page size is thus above 160 kb.Is there a way to reduce my total page size furthur?
Calculating years betwen two dates (one from datepicker)
Hi everyone, I have some problem with calculating "exactly" number of years between two dates (one from string and second from datepicker). I write the code who calculating tstamp from datepicker, but I can't figured out how to write the code who will calculating tstamp from "text" who has right syntax (dd/mm/yy). here is my code: <form action="#" method="post"> <div id="end_date">20/11/2012</div> <label for="birthday">to <input type="text" name="birthday" id="birthday" /> </label>
can i use jquery with php varibles?
hello. i have videos than i want to hide/show (or toggle) or click using the videos class. the problem is that the class changes and is in a loop. how can i put the changing class into a jquery function this is the html <div class="musical-pictures"> <?php $i=1; while($i<=4) { $no = (rand(1,4)); echo'<div class="vid'.$no.'"> <video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls></video> <audio> <source src="assets/audio/audio'.$no.'.mp3" type="audio/mpeg"
Get country name as a variable
hi , I want to get country name of visitor and display it on the web page,anyone have this code or any tutorial website please give me. Thank YOU .....
CDN's jQuery fall back to local
Hi, I was wondering which method is best to use for "CDN's jQuery fall back to local" ? Method 1: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="assets/js/jquery-1.8.3.min.js"></script>')</script> Method 2: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script>!window.jQuery && document.write('<script src="assets/js/jquery-1.8.3.min.js"></script>')</script> Method 3:
Problem publishing website
Hi, I'm using jquery mobile. I've built my UI and save the html page to my project. I noticed that in the html page I have this references: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script> <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.js"> </script> I tried to download these files from these links and I saved them into a new folder in my project. Then
drag and drag functionality in listbox through jquery
i have two listboxes let say A and B but names are dynamic on left side on aspx page and three listboxes C , D and E on right. what i want to drag the elements from any listbox from left side(A and B) to any listbox on right (C,D,E). any idea. thnx in advance. i have search alot but not found any solution.
Validate plugin accept method not working in IE8
I'm using jQuery 1.8.2 and jQuery Validation Plugin 1.10. I'm attempting to use the accept method on a file input to only allow specific file extensions. Works fine in Firefox but doesn't validate in IE7,8 (all file extensions are accepted). Before posting my code and begging for help I tested the sample form on the jQuery Validation author's web site: http://jquery.bassistance.de/validate/demo/file_input.html -- that also validates properly in FF but allows any file type in IE8. I didn't find any
jquery and jappix
Hi, there is some jquery expert that can help me to update the jquery used from Jappix? https://github.com/jappix/jappix/ i have more problem with the last version
Next Page