Get Form all field value at a time by JQUERY.

August 16, 2011 Leave a comment

You can get form all data at a time by clicking any field.Only jquery serializeArray function can do this. Here is very important thing is all field class name must be same, Below example all field class name is “Target”,

JQUERY CODE:

jQuery(document).ready(function () {

jQuery(‘.target’).change(function() {

var formAllData;
var fieldName;
var fieldValue;
var grossTotal=0;

formAllData = $(‘#getAllData’).serializeArray();

var dataArray = new Object();

for( index in formAllData)
{

if(formAllData[index].value) {
//dataArray[perfTimes[index].name] = perfTimes[index].value;

fieldName =formAllData[index].name;
fieldValue = formAllData[index].value;

grossTotal += parseInt(fieldValue);

//alert(fieldName);
//alert(fieldValue);
}
}

var pre_gross_price = jQuery(“#priceGross”).val(grossTotal);

});
});

HTML CODE :
<form name=”getAllData” id=”getAllData” action=”#”>

<input type=”text” name=”priceGross” id=”priceGross”  value=”1000″ />

<input type=”checkbox” name=”Attribute1″ id=”Attribute1″ value=”600″  />
<input type=”checkbox” name=”Attribute2″ id=”Attribute1″ value=”600″ />
<input type=”checkbox” name=”Attribute3″ id=”Attribute1″ value=”600″  />

<input type=”radio” name=”Size” id=”Size” value=”300″ /> XL
<input type=”radio” name=”Size” id=”Size” value=”500″ /> XXL

<select name=”color” id=”color”>
<option value=”100″>Red</option>
<option value=”200″>Blue</option>
<option value=”300″>Green</option>
</select>

</form>

Advertisements
Categories: JQuery

Javascript string split

August 16, 2011 Leave a comment

Javascript string split or extact

<script type=”text/javascript”>

var mySplit = ‘1-56’;
var partsArray = mySplit.split(‘-‘);
alert(partsArray[0]);
alert(partsArray[1]);

</script>

 

 

Categories: Javascript

How To Create An Image Map Using html

June 21, 2011 Leave a comment

An image map is a picture in which areas within the picture are links. Creating an image involves using the

<IMG ...>, <MAP ...>, and <AREA ...> tags. Suppose we want to make an image map using this image:

To make this image into an image map, we use this code:

<map name=”TopNavigaton”>
<area shape=”rect” coords=”550,45,605,60″ href=”‘.$invoice_url.'” alt=”Click Here” />
<area shape=”rect” coords=”820,10,900,33″ href=”‘.$url_path.’28” alt=”Green” />
<area shape=”rect” coords=”730,10,800,33″ href=”‘.$url_path.’3″ alt=”Porcelain” />
<area shape=”rect” coords=”635,10,700,33″ href=”‘.$url_path.’2″ alt=”Mosaics” />
<area shape=”rect” coords=”550,10,600,33″ href=”‘.$url_path.’11” alt=”Glass” />
<area shape=”rect” coords=”470,10,520,33″ href=”‘.$url_path.’6″ alt=”Quarry Tile” />
<area shape=”rect” coords=”390,10,445,33″ href=”‘.$url_path.’13” alt=”Pebbles” />
<area shape=”rect” coords=”240,10,340,33″ href=”‘.$url_path.’17” alt=”Natural Stone” />
<area shape=”rect” coords=”160,10,225,33″ href=”‘.$url_path.’5″ alt=”Metal” />
<area shape=”rect” coords=”80,10,145,33″ href=”‘.$url_path.’4″ alt=”Ceramic” />
</map>

Categories: HTML Tags:

Joomla Admin Panel Menu Control (Active-inactive)

June 18, 2011 Leave a comment

Menu Control(Active-Inactive) From File and database

Admin panel menu List :

1.Site

2.Menu

3.Content

4.Components

5.Extensions

6.Tools

7.Help

a) Below The Menu List control (Active – Inactive) From File

  • Site
  • Menu
  • Content
  • Extension
  • Tools
  • Help

File location : root/administrator/modules/mod_menu/helper.php

b) Below The Menu List Control(Active-inactive) From Database

  • Components

Step of database config :

  • Go to database
  • Choose your table (jos_components)
  • Change your value from (enabled) field
  • Value(1,0)
  • 1= Active menu
  • 0= Inactive menu
  • Then save and check now..
Categories: Joomla Tags:

jquery mouseover and mouseout event

June 18, 2011 Leave a comment

Examples :Image change when mouse over and mouseout

<html>

<head>

<script type=’text/javascript>

jQuery(document).ready(function () {

jQuery(‘.yellow’).bind(‘mouseover’, yellow_mouseover)
jQuery(‘.yellow’).bind(‘mouseout’,  yellow_mouseout)

function yellow_mouseover()
{
jQuery(‘.yellow’).attr(“src”,”images/yellow.gif”);
}

function yellow_mouseout()
{
jQuery(‘.yellow’).attr(“src”,”images/yellow1.gif”);

}

});

</script>

</head>

<body>

<img class=’yellow’ src=’images/yellow1.jpg’>

</body>

</html>

Categories: JQuery Tags:

Zen cart new page create step by step.

June 16, 2011 1 comment

At First select your file name (Examples : myprofile)

Step 1 :define your file name

root : includes/filenames.php

define(‘FILENAME_MYPROFILE’,’myprofile’);

Step 2 : create your file folder

root :  includes/modules/pages/(create your folder e.g : myprofile)

e.g : includes/modules/pages/myprofile

Step 3 : Create your templates file where u will write something.

root : includes/templates/template_default/templates/tpl_myprofile_default.php

Step 4 : Run your site (http://yoursite.com/home.php?main_page=myprofile

Categories: Zen cart Tags:

How to file rename in php?

June 15, 2011 Leave a comment

Examples :

 

<?php

        rename ("oldFile.php", "NewFile.php");

?>

First parameters is existence file and second parameter is your desire file name.

 

 

Categories: PHP