JQuery | Hridaya.com.np

PHP header() Not working in jquery mobile site – Solution

I suspect you are trying to send the header after loading any html, which will not work. The php header must occur before any output, including html, JQuery Mobile, etc. If this is not worked then you can try second option, which is causing problems using the <form> tag. After browsing through the jQuery Mobile […]

How to stop jQuery mobile js to apply styles to my specific form elements

add the following script before including jquery.mobile.js

$(document).bind("mobileinit", function() {
$.mobile.ignoreContentEnabled = true;
});

$(document).bind("mobileinit", function() {

$.mobile.ignoreContentEnabled = true;

});

Then you need to include data-enhance=”false” to your page where you want to stop jQuery mobile js apply styles

<div data-enhance="false">
<input type="checkbox" name="chk1" id="chkb1"
checked />
<label for="<code>chkb1</code>">Checkbox</label>
<input type="radio" name="test_radio" id="<code><code>radio_btn1</code></code>"
checked />
<label for="<code>radio_btn1</code>">Radio Button test</label>
</div>

<input type="checkbox" name="chk1" id="chkb1"

checked />

<label for="<code>chkb1</code>">Checkbox</label>

<input type="radio" name="test_radio" id="<code><code>radio_btn1</code></code>"

checked />

<label for="<code>radio_btn1</code>">Radio Button test</label>

</div>

Custom date format with jQuery validation plugin

You can create your own custom validation method using the addMethod function. Say you wanted to validate “dd/mm/yyyy”:

$.validator.addMethod(
&quot;myCustomDate&quot;,
function(value, element) {
// put your own logic here, this is just a example
return value.match(/^dd?/dd?/dddd$/);
},
&quot;Please enter a date in the format dd/mm/yyyy&quot;

);

$.validator.addMethod(

"myCustomDate",

function(value, element) {

// put your own logic here, this is just a example

return value.match(/^dd?/dd?/dddd$/);

"Please enter a date in the format dd/mm/yyyy"

);

And then on your form:

      $('#myForm').validate({
         rules :myDate : {
         myCustomDate: true
       }
     });

$('#myForm').validate({

rules :myDate : {

myCustomDate: true

}

});

then put the class=”myCustomDate” where you need this validation like you use class=”required” on Jquery validation .

How do I get anchor href value on click using jQuery?

It is a good idea remove inline JavaScript, for example:

<a href="http://hridaya.com.np" class=""haslink>http://hridaya.com.np/a>;

$('a.haslink').click(function(e) {
 e.preventDefault();
 if (confirm('Are you sure?')) {
 window.location.href = $(this).attr('href');
 }
 });

<a href="http://hridaya.com.np" class=""haslink>http://hridaya.com.np/a>;

$('a.haslink').click(function(e) {

e.preventDefault();

if (confirm('Are you sure?')) {

window.location.href = $(this).attr('href');

}

});

if you do not want confirm dialog then simply do this

$('a.haslink').click(function(e) {
 e.preventDefault();
 window.location.href = $(this).attr('href');
 });

$('a.haslink').click(function(e) {

e.preventDefault();

window.location.href = $(this).attr('href');

});

it will goes to the page which you put on a href section . thanks

CSS class Adding by using JQuery

Is it possible to adding a CSS class to the 1st occurance of an element on a page? I have a list of lines like this: <div class=”classtest”><a href=test.html”></a></div> <div class=”classtest“><a href=test1.html”></a></div> <div class=”classtest“><a href=test2.html”></a></div> <div class=”classtest“><a href=test3.html”></a></div> Is is possible to add a CSS class (class=”myclass”) to just the first occurance of the above […]

Content Management System

This is a content management system.Actually this system is a integration of E-c0mmerce using Magento , for Content management system using Joomla And for forum SMF. So it is a huge system.

Random Image : Change image in every Refresh of page

For displaying the random image from the available images, we can do this by writing a little code by the help of Javascript .

You have also required to declared the array of images which you are going to show different images in every refresh of the page.Then copy and paste the following code you can find your solution.

Random Image Auto Refresh By Jquery

For displaying the random image from the available images, we can do this by writing a little code by the help of jquery.For implement this you have to download jquery library from the web .

You have also required to declared the array of images which you are going to show with auto refresh.Then copy and paste the following code you can find your solution.Enjoy it…

Tutorials:How jQuery Works

jQuery: The Basics This is a basic tutorial, designed to help you get started using jQuery. If you don’t have a test page setup yet, start by creating a new HTML page with the following contents:

&lt;html&gt;
  &lt;head&gt;
    &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;

    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;a href="http://jquery.com/"&gt;jQuery&lt;/a&gt;
  &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

</script>

</head>

<body>

<a href="http://jquery.com/">jQuery</a>

</body>

</html>

Edit the src attribute in the script tag to point to your copy of jquery.js. For example, if […]

What is JSONP?

jQuery 1.2 introduced JSONP support, but on initial read of the release notes, I wasn’t completely sure what it was – so for anyone else that might want the Dr Seuss explanation.
You need to mould both your request and response to handle JSONP – and in doing so, you can have cross domain JSON requests.
JSONP is script tag injection, passing the response from the server in to a user specified function.
Your server will need to return the response as JSON, but also wrap the response in the requested call back, something like this in PHP (hosted on http://myotherserver.com):