JavaScript DHTML/Style Layout/Space

Материал из Web эксперт
Перейти к: навигация, поиск

"hspace" Example

    
<html>
<body>
<script language="JavaScript">
function function1() {
    if (document.all.myButton.value == "Allow an hspace of 200px and vspace of 10px") {
        document.getElementById("myImg").hspace = 200;
        document.getElementById("myImg").vspace = 10;
        document.all.myButton.value = "Restore";
    } else {
        document.getElementById("myImg").hspace = 0;
        document.getElementById("myImg").vspace = 0;
        document.all.myButton.value = "Allow an hspace of 200px and vspace of 10px"; 
    }
}
</script>
<img id="myImg" 
     src="http://www.wbex.ru/style/logo.png" 
     alt="http://www.wbex.ru" 
     width="99" 
     height="64">
<input id="myButton" 
       type="button" 
       value="Allow an hspace of 200px and vspace of 10px" 
       onclick="function1();">
</body>
</html>



"vspace" Example

    
<html>
<body>
<script language="JavaScript">
function function1() {
    if (document.all.myButton.value == "Allow an hspace of 200px and vspace of 10px") {
        document.getElementById("myImg").hspace = 200;
        document.getElementById("myImg").vspace = 10;
        document.all.myButton.value = "Restore";
    } else {
        document.getElementById("myImg").hspace = 0;
        document.getElementById("myImg").vspace = 0;
        document.all.myButton.value = "Allow an hspace of 200px and vspace of 10px"; 
    }
}
</script>
<img id="myImg" 
     src="http://www.wbex.ru/style/logo.png" 
     alt="http://www.wbex.ru" 
     width="99" 
     height="64">
     
<input id="myButton" 
       type="button" 
       value="Allow an hspace of 200px and vspace of 10px" 
       onclick="function1();">
</body>
</html>