Category Archives: HTML & CSS

It contains html tags and css properties that I learn newly.

how to get multiple selected values and items from listbox using javascript?

HTML & CSS, Java Scripts, Perl Scripts, PHP Scripts, Uncategorized

It’s as follows :

 

var src = document.getElementById('leftSelect');
var selected = [];
var options = src.options.length;
for (var i=0; i < options ; i++)
{
     if(src.options[i].selected)
     {
          alert(src.options[i].text);
          alert(src.options[i].value);
     }
}

 

<html>
<select id="leftSelect" onclick="" name="edu_quli" size="10" multiple="multiple">
<option value="10th">10th</option>
<option value="+2">+2</option>
<option value="Any Graduation">Any Graduation</option>
<option value="Any Post Graduation">Any Post Graduation</option>
<option value="Arts Post-Graduation">Arts Post-Graduation</option><option value="Science Post-Graduation">Science Post-Graduation</option>
<option value="Commerce Post-Graduation">Commerce Post-Graduation</option>
<option value="Technical/Professional Post-Graduation">Technical/Professional Post-Graduation</option>
<option value="Management Post-Graduation">Management Post-Graduation</option>
<option value="Other Post-Graduation">Other Post-Graduation</option>
<option value="Diploma">Diploma</option>
<option value="Others">Others</option>
</select>
</html>

How to set method of a html form using javascript or js?

HTML & CSS, Java Scripts, Perl Scripts, PHP Scripts

It can be done as follows :

document.forms["Form_Name"].method= "get";
or
document.forms["Form_Name"].method= "post";

How to set action for a form using javascript or js?

HTML & CSS, Java Scripts, Perl Scripts, PHP Scripts

It can be done as follows :

document.forms["Form_Name"].action = "file_name.ext";

It can be followed in any programming language. It’s tested and working. Tested by myself

How to implement “select all” check box using js in HTML?

HTML & CSS, Java Scripts,

It can be implemented as follows…

<input id="my_selectall" style="box-shadow: 0px 0px 0 0; width: auto;" onclick="mycheck()" type="checkbox" /> Sl No.
<input style="box-shadow: 0px 0px 0 0; width: auto;" type="checkbox" name="case" value="1" /> 1
<input style="box-shadow: 0px 0px 0 0; width: auto;" type="checkbox" name="case" value="2" /> 2
<input style="box-shadow: 0px 0px 0 0; width: auto;" type="checkbox" name="case" value="3" /> 3
<input style="box-shadow: 0px 0px 0 0; width: auto;" type="checkbox" name="case" value="4" /> 4
<script type="text/javascript">
    function mycheck() {
        var source=document.getElementById('my_selectall');
        checkboxes = document.getElementsByName('case');
        for(var i=0, n=checkboxes.length;i<n;i++) {
            checkboxes[i].checked = source.checked;
        }
    }
</script>

Zooming image with jquery

HTML & CSS, Java Scripts, Perl Scripts, PHP Scripts, Uncategorized, , , ,

Check the following links to see how it work

To download it please click the below links