[jQuery] How to display tips by creating a jQuery plugin
Hi there! One more tutorial to share with you guys... We are going to learn how to create our custom jQuery plugin to show tips on mouse over event on our desired elements. We will also be able to customize the appearence of the tip division for each kind of elements in the CSS code and much more: http://yensdesign.com/2009/01/how-to-display-tips-creating-jquery-plugin/ I hope you can use it to improve your projects as always :D
[jQuery] Re: jQuery 1.3 Released
YEAH BABY On Jan 14, 3:45 pm, John Resig jere...@gmail.com wrote: Hey Everyone - jQuery 1.3 is out! Full details here:http://blog.jquery.com/2009/01/14/jquery-13-and-the-jquery-foundation/ Happy 3rd Birthday, jQuery! --John
[jQuery] How to Validate Forms in both sides using PHP and jQuery
Hi there guys! I have finished a new tutorial for yensdesign.com We are going to learn how to validate your forms using PHP and jQuery in both sides: client side (using javascript with jQuery) and server side (using PHP). This is the link: http://yensdesign.com/2009/01/how-validate-forms-both-sides-using-php-jquery/ I hope you find it useful!
[jQuery] How to improve your Search Boxes with jQuery
Hi there guys! I want to share with you a new tutorial focused on adding some functionality to search boxes of our websites: http://yensdesign.com/2009/01/improving-search-boxes-with-jquery/ It shows you how to make: - Autofocus when the DOM is ready. - Highlight a search box when it gets the focus (remove in the blur event!) - Autoreplace the default text when needed. Thanks for reading and I hope you find it useful, as always!
[jQuery] How to create a shoutbox using PHP and AJAX with jQuery
Hi there guys! It's me one more time... In this tutorial I try to show you how to create a shoutbox for your sites from scratch using PHP and AJAX (with jQuery). We will save all info in a mysql table, I hope you find it useful! http://yensdesign.com/2009/01/create-a-shoutbox-using-php-and-ajax-jquery/
[jQuery] Re: Setting the request header contentType
I am not pretty sure but I think you can work with UTF8 only in AJAX,
but I recommend you work with UTF8 always
On Dec 30, 2:09 pm, Romain Viovi imp...@gmail.com wrote:
Hello Everybody,
I'm experiencing some problems with the $.ajax
When sending simple post request, request Headers (logged with firebug)
are always application/x-www-form-urlencoded; charset=UTF-8 tagged for
content-type
see :
Request Headers
User-Agent Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.5)
Gecko/2008120122 Firefox/3.0.5
Accept */*
Accept-Language fr
Accept-Encoding gzip,deflate
Accept-Charset ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive 300
Connection keep-alive
Content-Type application/x-www-form-urlencoded; charset=UTF-8
X-Requested-With XMLHttpRequest
Content-Length 152
But, i'm always working with iso-8859-1 encoding, my page include
headers with the good charset, php.ini is set to the good default charset.
So, when i retrieve the $_POST, i've to utf8_decode() cause utf8 datas
are retrieved and special chars as é, à are not recognised
I think I shouldn't have to do that...
Here's the test.html file :
!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html;
charset=ISO-8859-1
titleTest encoding/title
script type=text/javascript language=javascript
src=jquery-1.2.6.js
/script
/head
body
form enctype=application/x-www-form-urlencoded;
charset=ISO-8859-1 action=test.php name=search method=post
input id=qry name=qry value= type=text /input
type=button onclick=send(); value=ok /
/form
div id=answers
/div
script type=text/javascript language=javascript
function send(){
$.ajax({
type: POST,
url: ./test.php,
contentType: application/x-www-form-urlencoded;
charset=iso-8859-1,
data: {
qry: $('#qry')[0].value
},
success: function(data){
$('#answers').empty().append(data);
return;
}
});
}
/script
/body
/html
And the test.php :
?php
header(Content-Type: text/html; charset=ISO-8859-1);
var_dump($_POST);
?
Thanx for the help !
--
Romain Viovi
42 rue Pigalle
75009 Paris
+33 6 63 16 90 15
+33 9 54 40 84 40
romain.vi...@gmail.com
[jQuery] [TUTORIAL] How to load content via AJAX in jQuery
Hi there guys! It's me one more time... I just want to present you a new tutorial that I have published focused in load dynamically some static content in their websites via AJAX. http://yensdesign.com/2008/12/how-to-load-content-via-ajax-in-jquery/ I hope you find it useful, as always!
[jQuery] [TUTORIAL] How to Create a plugin for jQuery
Hi guys I continue posting tutorials about jQuery, this time it's a little introduction with 2 examples to create jQuery plugins, I hope you find it useful! http://yensdesign.com/2008/12/how-to-create-a-plugin-for-jquery/
[jQuery] Re: Creating an OS Web Interface in jQuery (Part I)
Thanks for all guys! @Alexandre nice link thanks for sharing On Dec 17, 4:00 pm, .net junkie dejav...@gmail.com wrote: i i like you tutorial very much its a gr8 effort. keep it up. hope to see more soon :)
[jQuery] Re: Creating an OS Web Interface in jQuery (Part I)
One more thing! Thanks you for your opinions I will try to improve my english and tutorials to give more info and better explanations to the readers. Bye! On Dec 17, 4:01 pm, AdrianMG yens...@gmail.com wrote: Hi guys, I don't understand some replies... I just want to say that the mistakes in english are because I am not good enough in english as I would like to be, not for writting tutorials fast or similar. And as I said in the tutorial, it's only the first part of a serie focused on creating a os web interface, just that hehe. On Dec 16, 11:57 pm, Rick Faircloth r...@whitestonemedia.com wrote: D'oh! :o) -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Michael Geary Sent: Tuesday, December 16, 2008 5:39 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Creating an OS Web Interface in jQuery (Part I) Never mind, you beat me to it! From: Michael Geary Excellent point, Rick. But I think there may be a little typo that changed the meaning to something other than what you intended? :-) From: Rick Faircloth No faster way to kill someone's enthusiasm than to simply tear something down without any encouragement. It's like I tell my kids... you can't applaud the effort if not the performance. And, if asked, give encouraging criticism.
[jQuery] Re: Creating an OS Web Interface in jQuery (Part I)
Hi guys, I don't understand some replies... I just want to say that the mistakes in english are because I am not good enough in english as I would like to be, not for writting tutorials fast or similar. And as I said in the tutorial, it's only the first part of a serie focused on creating a os web interface, just that hehe. On Dec 16, 11:57 pm, Rick Faircloth r...@whitestonemedia.com wrote: D'oh! :o) -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Michael Geary Sent: Tuesday, December 16, 2008 5:39 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Creating an OS Web Interface in jQuery (Part I) Never mind, you beat me to it! From: Michael Geary Excellent point, Rick. But I think there may be a little typo that changed the meaning to something other than what you intended? :-) From: Rick Faircloth No faster way to kill someone's enthusiasm than to simply tear something down without any encouragement. It's like I tell my kids... you can't applaud the effort if not the performance. And, if asked, give encouraging criticism.
[jQuery] [TUTORIAL] How to create a tabbed menu in jQuery
In this case, we are going to learn how to create a smooth tabbed menu with our lovely jQuery library. With simple and clean layout we can have a great tabbed menu for our websites. We won't use UI Library, just a simple and cool solution ;) http://yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/
[jQuery] Re: [TUTORIAL] Create an amazing music player using mouse gestures hotkeys in jQuery
Thanks for reply Isaak ;) On Dec 5, 5:24 pm, Isaak Malik [EMAIL PROTECTED] wrote: you'll notice* On Fri, Dec 5, 2008 at 5:24 PM, Isaak Malik [EMAIL PROTECTED] wrote: If you read the entire tutorial you'll noticed that he mentions it's just an interface and he has plans to integrate it with plusmusicahttp://www.plusmusica.com/(request for an invitation) On Fri, Dec 5, 2008 at 5:11 PM, Jean [EMAIL PROTECTED] wrote: 4 me too On Fri, Dec 5, 2008 at 7:29 AM, Mika Tuupola [EMAIL PROTECTED] wrote: On Dec 4, 2008, at 7:28 PM, AdrianMG wrote: You can see the tutorial over here: http://yensdesign.com/2008/12/create-an-amazing-music-player-using-mo... Should there be music too? It is silent for me FF3 Safari in OSX? -- Mika Tuupola http://www.appelsiini.net/ -- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com -- Isaak Malik Web Developer -- Isaak Malik Web Developer
[jQuery] [TUTORIAL] Create AJAX websites based on anchors navigation likes Gmail
In this tutorial we will see how to create an AJAX website without lose the reference to the URL. What is that not lose the reference? If you have created some full AJAX website you have realized when you change the web content, the URL is not updated, so, the URL reference is lost. Services like Gmail uses it to increase the navigation's user experience. Check it out at: http://yensdesign.com/2008/11/creating-ajax-websites-based-on-anchor-navigation/ Cheers!
[jQuery] Re: [TUTORIAL] Create a professional interface for your web applications using jQuery
Ey Shawn thanks for your feedback! I am not quiet sure now, but I
think I have used
# var windowHeight = document.documentElement.clientHeight;
# var menuHeight = document.getElementById(menu).clientHeight;
Because Internet Explorer give me some problems with the real width
height available.
I will change some lines, thanks for your comments one more time!
On 22 oct, 08:19, Shawn [EMAIL PROTECTED] wrote:
Not a bad tutorial. !
But... :)
In your code you are doing things like
# var windowHeight = document.documentElement.clientHeight;
# var menuHeight = document.getElementById(menu).clientHeight;
You can use jQuery here too:
var windowHeight = $(window).height();
var menuHeight = $(#menu).height();
at line 158 you have the following:
# var liList = $(#lateralPanel li).get();
# for (var i = 0, item; item = liList[i]; i++) {
# if(item.innerHTML == $(this).text())
# item.className = active;
# else
# item.className = ;
# }
I believe this can be replaced with:
$(#lateralPanel li).removeClass(active);
$(this).addClass(active);
- that will remove the active class from all the list items, then add it to
the target element that triggered the click event (the function that
surrounds the snippet above).
Also, you have code in there that handles browser differences. jQuery handles
most of this for you. For instance:
$(#myObj).height(100);
handles the differences between most browsers. Which makes your code even
easier to read.
Otherwise not a bad start. Keep em coming. :)
Shawn
On Tuesday 21 October 2008 16:03:48 AdrianMG wrote:
In this tut we will create a professional interface for your web
applications using the killer javascript library jQuery :)
I hope you can use it for your personal projects guys. Feedback is
welcome!
http://yensdesign.com/2008/10/create-a-professional-interface-for-you...
applications-using-jquery/
[jQuery] [TUTORIAL] Create a professional interface for your web applications using jQuery
In this tut we will create a professional interface for your web applications using the killer javascript library jQuery :) I hope you can use it for your personal projects guys. Feedback is welcome! http://yensdesign.com/2008/10/create-a-professional-interface-for-your-web-applications-using-jquery/
[jQuery] Re: $(#mydiv).sortable is not a function error
Sorry I wrote with error the question... the answer for my problem was that I copied some jQuery UI code in the jquery.js that's all :P Thank you! On 5 oct, 23:09, GARIL [EMAIL PROTECTED] wrote: somediv should be preceded either by # or . like so... $(#somediv); or $(.somediv); On Oct 5, 4:00 pm, AdrianMG [EMAIL PROTECTED] wrote: Hi guys! I was working with jQuery 1.2.6 development and firebug didnt report me anybug. Now I am trying to move to 1.2.6 production, but firebug reports me 2 erros related with $(somediv).sortable is not a function... What can I do? :S
[jQuery] $(#mydiv).sortable is not a function error
Hi guys! I was working with jQuery 1.2.6 development and firebug didnt report me anybug. Now I am trying to move to 1.2.6 production, but firebug reports me 2 erros related with $(somediv).sortable is not a function... What can I do? :S
[jQuery] TUTORIAL: How to create a stunning popup from scratch step by step
Hi folks! I have finished a few days ago my firstl tutorial about jQuery Library: http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/ I hope you can use it for your personal projects, It's was tested on Firefox, Safari, Chrome, IE 6 7 Opera Cheers!
[jQuery] TUTORIAL: How to create a stunning popup from scratch step by step
Hi mates, i finished a new tutorial called How to create a stunning and smooth popup in jQuery from scratch on http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/ I hope you can use it for your personal projects and comment in the blog entry requesting new jQuery tutorials. See you soon!
