Response title
This is preview!
- Screen name: Christophe
Christophe's Profile
58 Posts
131 Responses
2
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- Hello,I have a rather simple problem (I think) but can't seems to find a simple solution.I have a table and one of the cells has a 'today' class.
- <table>
- <tr>
- <td>1</td>
- <td>2</td>
- </tr>
- <tr>
- <td class="today">3</td>
- <td>4</td>
- </tr>
- </table>
Now I have to add a 'dim' class to all the cells before '.today', that's it :) Of course, the table is dynamic (it is a calender).My solution was to get the index of 'td.today' and then slice all table cells until the index, but $('td.today').index() returns '0' since it is the first element in that particular table row ...Can anyone provide a simple solution?Thanks!Christophe- Hi,I wonder how you reload a page, when you manually delete browser cookies using the browsers Ctrl + Shift + Del menu.Something like:
- $('window').bind('delete_cookie_event', function( e ) {
- location.reload();
- });
I'm have looked on the internet for a solution, but I find nothing but pages on how to delete cookies using JS.Thanks in advance!Chirstophe- 16-Apr-2012 06:14 AM
- Forum: Using jQuery
Hi,Is there a way to select more than one element with eq() or index() ?Example:- $('#sidebar li').eq( .... ).fadeOut();
- <ulid="sidebar">
- <li>item</li>
- <li>item</li>
- <li>item</li>
- </ul>
I want to select list item 1 and 2 (index: 0 and 1)Thanks!Christophe- Hi,How can you dynammically call the AJAX loader? I need this to give feedback to the user while the call is being executed.Thx!
- Hi,For some odd reason my webbrowser (FF + android) is requesting the content of a dialog twice.This is my pretty basic code:
- <!DOCTYPE html>
- <html>
- <head>
- <title>Page Title</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
- <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
- <script type="text/javascript" src="/script.js"></script>
- </head>
- <body>
- <div data-role="page" id="home">
- <div data-role="header">
- <h1>Home page</h1>
- </div>
- <div data-role="content">
- <p>Hello mobile world!</p>
- <p>Go to <a data-transition="slide" href="/test/" data-rel="dialog">dialog</a> page</p>
- </div>
- <div data-role="footer" data-position="fixed">
- <h4>I'm the footer</h4>
- </div>
- </div>
- </body>
- </html>
Any suggestions on how this can happen? This is pretty much a standard page ...Thanks!!!Christophe- Hello,
I'm trying to create a login form with jquery mobile. all goes well, but onsubmit I want to prevent the page from animating to the left. I suppose this is by using e.preventDefault(), but this doesn't work :(
This is my code so far:- $(document).ready(function () {
({
events : function () {
$('form.signInForm').live('submit', function (e) {
e.preventDefault();
// alert('hi');
});
},
init : function () {
this.events();
}
}).init();
});
EDIT: With validating the input I mean, perform an AJAX request to first validate the username and password, and on error, show an error message in the HTML.
Happy Christmas everyone!!!
Christophe
http://www.seopocketguide.com- Hi,
Some time ago I signed in using Chrome on the forum, checked 'Keep me signed in' on. When I navigate to the forum again with Chrome, I'm landing in a loop. I get a message 'Loading ... please wait', and then the page refreshes over and over again.
I use firefox now.
Best,
Christophe
http://www.seopocketguide.com- 23-Dec-2011 04:07 PM
- Forum: Using jQuery
Hi,
Since jquery 1.7 there is a new method, named: on(). What is the difference between .bind() and .on()?
Best,
Christophe
http://www.seopocketguide.com- Hi,
I'm starting to play arround with jQuery mobile and it looks very promising!
I'm trying to do the following: Users can manage files using a directory structure (folders and files). The basic structure is:- <div data-role="page">
<div data-role="header">
<h1>Page Title</h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">REM</a></li>
<li><a href="#">Eminem</a></li>
<li><a href="#">Alicia Keys</a></li>
<li><a href="#">Christina Aguilera</a></li>
<li><a href="#">Milo</a></li>
</ul>
</div><!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
The list items represent folders. When a user clicks one of the list items an ajax call should get the content of that folder, then the folder must slide down (like a slide down menu) and the new files should appear under the folder. I wonder how to create the slidedown itself. I could code this in jQuery itself, but wonder if there are native jQuery mobile methods to do this?
Thanks for the help!
Grtz!
Christophe- I want to create an overlay to show a photo in the middle of the screen with a navigation menu. As overlay I use something like:.overlay {position: absolute;top: 0;left: 0;z-index: 1000;height: 100%;width: 100%;background-color: grey;opacity: 0.5;}This works fine, however you can still click on links on the page under the overlay.Does anybody know how to do this properly?Thanks!
- Hi,I'm creating a script to get the next photo without reloading a webpage. To make it more smoothly, I fadeOut() the old image, and fadeIn() the new image.However, when the new image is not yet fully loaded, the fadeIn() method doesn't really make sence. So I wonder if there is a way to first show an ajax loader, and after the new image is fully loaded, fadeIn the new image.This is how far I got so far :-)
- $.post('/photos/get_new_photo/', {'id':nextPhotoId}, function(photo) {
- // Rebuild page
- // Set new title
- $('title').text(photo.title);
- $('#mainCol .placeholder img').fadeOut(function() {
- $(this).remove();
- $('#mainCol .placeholder').append('<img src="'+photo.src+'" alt="" style="display: none;" />')
- .find('img:eq(0)')
- .fadeIn();
- });
- }, 'json');
I first have to remove the first img tag, and inject a new one in the DOM, otherwise the old image flashes for a second, before the new one appears ;-)Any suggestions?Christophe
http://www.seopocketguide.com- Hi,I'm playing arround with integers.1.000.000,00 // throw error1,000,000,00 // throw error1000,00 // success100.00 // successAnd on success I have to get all numbers before the dot or comma :-)Can anybody help me with this?Thanks!Christophe
- 25-Nov-2011 04:54 AM
- Forum: Using jQuery
Hi,I have created a carousel which animates a wrapper to the left every x-seconds. It works very well, except when I leave the webpage (without closing, just open another tab) and come back after x-minutes. Suddenly the carousel is rotating very fast, like it tries to attain itself. After a while, the carousel is rotating normal again. I understand how this (probably) comes but wonder if there is a work arround?I'm struggling with this issue for quite some time, so help is very much appreciated.Thanks for your help?Grtz!Christophe- 12-Nov-2011 04:41 PM
- Forum: Using jQuery Plugins
Hi everybody,About 2 years ago I purchased the domain jquery-plugins.com. I wanted to create a user friendly website where developers can easily upload and maintain jQuery plugins, because the current website doesn't satisfy me. Other developers can view demos and download these plugins. Usability and maintainability (updates of jQuery plugins) will be the keywords of this new website.However, I don't seem to find the time to create this website all by myself. Perhaps there are other developers who would like to contribute. The plan is to create an online messageboard where developers can discuss the structure and design of the website. There will be a need for front end and back end developers and a designer. I would like to let the website be programmed in PHP with MySQL as db, or use an existing platform as CMS.It will become a non-commercial website.You can send me a private message, or respond in this topic with questions or your availability.- Hi,I'm not seem to not find the event which is triggered the moment the drag stops, but still needs to move in place, using the sortable plugin.Does anybody knows this?Thx!
- Hi,I'm playing with the Google GeoCoding API. In the docs they give an example URL to request a position:When you surf to this URL you get a JSON file returned. However, when I paste the exact same URL in a $.get(), I got nothing in return ...
- $.get('http://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&sensor=false',
- function(data) {
- console.log(data);
- }, "json");
Christophe
http://www.seopocketguide.com- Hi,I have uploaded a map and positioned arrows on that map to city's. When people hover an arrow, a box with little information about the city fadeIn(). When people move the mouse away from the arrow, the box fadeOut(). Simple as that!However, when you hover over the right bottom of the arrow (it is a .png image) the .hover() is triggered over and over again, which makes the box fade in, fade out, fade in, fade out, ...Does anybody know a workarround?Christophe
http://www.seopocketguide.comEDIT: Just noticed it only appears to happen in Firefox. However, the other browsers are reacting strange also ... please try the test-example.- Hi,On jquerymobile.com I read:pagecreate: Triggered on the page being initialized, after initialization occurs. We recommend binding to this event instead of DOM ready() because this will work regardless of whether the page is loaded directly or if the content is pulled into another page as part of the Ajax navigation system.
- $('#aboutPage').live('pagecreate',function(event){
- alert('This page was just enhanced by jQuery Mobile!');
- });
But when I use this code it does not work. My HTML =- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
- <title>Hello</title>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" />
- <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>
- <link rel="stylesheet" type="text/css" href="style.css" />
- <script type="text/javascript">
- $('body').live('pagecreate',function(event){
- alert('This page was just enhanced by jQuery Mobile!');
- });
- // Doesn't work
- // $('#myid').live('pagecreate',function(event){
- // alert('This page was just enhanced by jQuery Mobile!');
- // });
- </script>
- </head>
- <body>
- <div id="myid"></div>
- </body>
- </html>
It only works if I use $('body') or $('div') as a selector. Not with ID's or classes.PS: I'm using Android to test.Thanks for any help!Christophe
http://www.opera.com/- Hi there,I have the following question.In my code, I first declare a GLOBAL property to store all my global var's in, (with already some properties)
- GLOBAL = {
- val1: 1,
- val2: 2
- };
Then, later in de code I declare some more properties for my GLOBAL object.- GLOBAL = {
- val3: function() {
- alert(GLOBAL.val2);
- }
- }
- });
But when I run the following code it returnes an undefined.- GLOBAL.val3();
Does the second block of code overrides the first GLOBAL object? Is there a way to push more properties to an existing object using the same pattern?Christophe- Hi,I have to stuff multiple objects in global var populated in a foreach loop and seperated by a comma.The loop is:
- // Global
- G.objects;
- $('.class').each(function() {
- var title = $(this).text();
- var src = $(this).attr('src');
- // Stuff it in the Global objects var
- G.objects = .....
- });
Result has to be:- var G.objects = {
- title: 'title 1',
- src: 'source'
- },
- {
- title: 'title 2',
- src: 'source'
- }
Does anybody know how to deal with this?Thx!!!Christophe- Hi,To have a better insight in jQuery and JavaScript in general, I would like to read some documentation on how jQuery internally works? For educational purposes only, I would like to make my own basic jQuery library, just to understand the principle of this technique.John Resig explains this in his book 'Pro JavaScript Techniques' but this is very modest.Best regards,
- Hi,I wonder what the problem might be ...This is the PHP file
$array = Array([0] => 419[1] => 420)echo json_encode($array);
This is the jQuery file:- $.post('/json.php', {'items' : items}, function(callback) {
- console.log(callback);
- // output ["419","420"]
- }, 'json');
For some reason the array isn't converted to JSON? When I use the following PHP array- $array =
array("name"=>"John","time"=>"2pm");
... the output in Firebug = Object { name="John", time="2pm"}. So that works fine!How come my array, where I use numbers as the index, isn't converted to JSON?Thanks!Christophe- Hi There,How come this code ...
- $(document).keypress(function(event) {
- console.log(event.keyCode);
- });
returns 0 after pressing the key 'a' in FireFox but 97 in Chrome?I want to prefentDefault() when somebody clicks Ctrl + a.Regards,Christophe- 12-Mar-2011 03:02 PM
- Forum: Using jQuery
Hello,
I have 2 monitors with a different resolution. It is important in my application that I get the screen size of the monitor where the webbrowser is located. When I try to get the screen size (window.screen.height + window.screen.width) only IE gives me always the screen size of the main monitor where my taskbar (windows7) is located, instead of the screen size of the secondary screen where the webbrowser is located. It does work in all other webbrowsers ...I have created a page with an alert on JSbin.com to show you your screen resolution. If you use 2 monitors open the page in one of the monitors. You will notice you will get the screen resolution of the screen where your web browser is located, except in IE (hoera!)http://jsbin.com/ufolu5
Does anybody knows a good workarround?
Thanks!
Christophe- 03-Mar-2011 11:52 AM
- Forum: About the jQuery Forum
When I have clicked 'Follow this topic' I receive 3 mails / new message.One real one with a subject:New response to Max-width isn't set in IE
But two with the following subject:Re: [WatchList] Max-width isn't set in IE
Christophe
© 2013 jQuery Foundation
Sponsored by
and others.
- <div data-role="page">
- $(document).ready(function () {
