�� [2](�� )

Zizwar · 24-05-2005, 02:52 AM

�� (top,left) ��

�� PHP:

  style="left:190px; top:70px;"

� ��

�� PHP:

  style="width:450px; height:400px;"

�� (div) ��

�� PHP:

  <div  style="position:absolute; left:190px; top:70px; width:450px; height:400px; background-color: #003399;"></div>

http://wino.ws/javascript/px2percent/div1_px.html
��
�� ȡ �� (1024 �� 768) �� (1280 �� 720) � � �� (800 �� 600).
�� ͡ �� ʡ � �� WYGIWYG �� ѡ
�� ǡ �� ǡ �� ϡ ��
--
�� style (CSS) ��
�� (800/600) � �� (1280 �� 720)
�� (800/600) ��

�� PHP:

  <div  style="position:absolute; left:190px; top:70px; width:450px; height:400px; background-color: #003399;"></div>

http://wino.ws/javascript/px2percent/div1_px.html

� ��

�� PHP:

  <div  style="position:absolute; left:23%; top:11%; width:56%; height:66%; background-color: #003399;"></div>

http://wino.ws/javascript/px2percent/div1_percent.html
--
�� :
- �� = ��

�� PHP:

  Width% = (Width_Px / ScreenWidth ) * 100

��
�� = 450 / 800 * 100 = 56.25
�� 56.25 �� 56% ---- %; width:56%

- �� = ��

�� PHP:

  Height% = (Height_Px / ScreenHeight ) * 100

�� = 400 / 600 * 100 = 66.666666666
�� 66.66 = 66% ---- height:66%
--
�� :

�� PHP:

  Left% = ( Left_Px / ScreenWidth ) * 100

= 190 / 800 * 100 = 23.25
= 23% ---- left:23%

�� PHP:

  Top% = ( Top_Px / ScreenHeight ) * 100

= 70 / 600 * 100 = 11.6666
= 11% ---- top:11%

�� ɡ ��

�� PHP:

  <div  style="position:absolute; left:30px; top:13px; width:145px; height:560px; background-color: #9999CC"></div>
<div  style="position:absolute; left:190px; top:13px; width:399px; height:33px; background-color: #6699CC;"></div>
<div  style="position:absolute; left:190px; top:51px; width:399px; height:524px; background-color: #999933;"></div>
<div  style="position:absolute; left:598px; top:14px; width:145px; height:560px; background-color: #9999CC;"></div>

http://wino.ws/javascript/px2percent/_test1_px.html
��

�� PHP:

  <div style="position:absolute; left:3%; top:3%; width:25%; height:90%; background-color: #9999CC"></div>
<div style="position:absolute; left:29%; top:3%; width:43%; height:7%; background-color: #6699CC"></div>
<div style="position:absolute; left:29%; top:11%; width:43%; height:82%; background-color: #999933"></div>
<div style="position:absolute; left:73%; top:3%; width:25%; height:90%; background-color: #9999CC"></div>

http://wino.ws/javascript/px2percent...1_percent.html
��

�� : �� ȿ
�� ID . � ��
�� ɡ �� .
��

�� PHP:

  <SCRIPT>
<!--
var screenW = 800;
var screenH = 600;
window.onload = function(){
/*________________________*\
  Script: Px2Percent V 1.1
  By: Ibrahim Bidi
  Nike: Zizwar`
  Email: admin@Zizwar.info
  Url: Winoscript.com,
\*________________________*/
var p = "%",i,s,subId,dS,tagDiv=tagDiv = document.getElementsByTagName("div");
for(i=0; i<tagDiv.length; i++){
    if(tagDiv[i].id.indexOf("wino_") != -1){
        subId = tagDiv[i].id.substring(5,tagDiv[i].id.length);
        dS = tagDiv[i].style;
        for(s=0;s<subId.length;s++){
            switch(subId.charAt(s)){
                case 'l':if(dS.left)dS.left = parseInt((parseInt(dS.left)/screenW)*100)+p;break;
                case 't':if(dS.top)dS.top = parseInt((parseInt(dS.top)/screenH)*100)+p;break;
                case 'w':if(dS.width)dS.width = parseInt((parseInt(dS.width)/screenW)*100)+p;break;
                case 'h':if(dS.height)dS.height = parseInt((parseInt(dS.height)/screenH)*100)+p;alert(dS.height);break;
                }
            }
        }
    }
}
//-->
</SCRIPT>

��

�� PHP:

  var screenW = 800;
var screenH = 600;

�� (800/600 )
�� id="wino_ltwh" ��

�� PHP:

  <div id="wino_ltwh" style="position:absolute; left:190px; top:70px; width:450px; height:400px; background-color: #003399;"></div>

http://wino.ws/javascript/px2percent...with_code.html

��
http://wino.ws/javascript/px2percent...with_code.html

�� :
�� wino_t �� top �� ɡ � �� wino_h �� wino_hw ��
��
l=left � t=top � h=height � w=width
�� wino_htwl � wino_tlwh �� wino_tl � wino_lt

�� :
�� div �� (wino_) �� ǡ �� w �� width �� width �� l=left � t=top � h=height
�� .

��
�
�� table �� div � ��

��
��
� ��

�� · 24-05-2005, 03:16 AM

�� ..
��

..
��

..
�� ..

�� · 24-05-2005, 05:26 AM

��

beshoo · 24-05-2005, 05:50 AM

��

�� ............ ��

�� ...... ��

�� ............

beshoo · 24-05-2005, 07:00 AM

��

��
�� ........................��

��
��

�� :

��

�� 50%
�� DIV ��

�� 20 �� DIV

�� 20 ��

�� PHP:

  var screenW = 800; 

var screenH = 600;

��

�� PHP:

  var screenW = 800-20;

var screenH = 600-20;

�� .
�� _ �� ID
�� X

�� :

�� PHP:

   
<style type="text/css">

<!--

body {

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

}

-->

</style>

 
 
</head><table width="60%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td bgcolor="#3366FF">&nbsp;</td>

  </tr>

</table>

<div id="winoXlw" style="position:absolute; left:0; top:31px; width:606px; height:76px; z-index:1; background-color: #FFCCFF; layer-background-color: #FFCCFF; border: 1px none #000000;"></div>

<SCRIPT>

<!--

var screenW = 1024-20;

var screenH = 768-20;

window.onload = function(){

/*________________________*\

  Script: Px2Percent V 1.1

  By: Ibrahim Bidi

  Nike: Zizwar` 

  FixBug Table instead DIV by : beshoo

  Email: admin@Zizwar.info

  Url: Winoscript.com,

\*________________________*/

var p = "%",i,s,subId,dS,tagDiv=tagDiv = document.getElementsByTagName("div");

for(i=0; i<tagDiv.length; i++){

    if(tagDiv[i].id.indexOf("winoX") != -1){

        subId = tagDiv[i].id.substring(5,tagDiv[i].id.length);

        dS = tagDiv[i].style;

        for(s=0;s<subId.length;s++){

            switch(subId.charAt(s)){

                case 'l':if(dS.left)dS.left = parseInt((parseInt(dS.left)/screenW)*100)+p;break;

                case 't':if(dS.top)dS.top = parseInt((parseInt(dS.top)/screenH)*100)+p;break;

                case 'w':if(dS.width)dS.width = parseInt((parseInt(dS.width)/screenW)*100)+p;break;

                case 'h':if(dS.height)dS.height = parseInt((parseInt(dS.height)/screenH)*100)+p;/*alert(dS.height);*/break;

                }

            }

        }

    }

}

//-->

</SCRIPT>

��

hossam elkady · 24-05-2005, 09:40 AM

��

��

��

��

��

Danger_Zone · 24-05-2005, 11:10 AM

��

�� Winoscript.com ��

�� · 24-05-2005, 11:30 AM

�� Zizwar

��

�� HTML:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Thanks Zizwar</title> </head> <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"> <div style="border-style:double; border-width:1px; padding:2px; position:absolute; left:25%; top:0%; width:50%; height:11%; background-color: #6699CC"></div> <div style="border-style:double; border-width:1px; padding:2px; position:absolute; left:0%; top:0%; width:25%; height:100%; background-color: #9999CC"></div> <div style="border-style:double; border-width:1px; padding:2px; position:absolute; left:25%; top:11%; width:50%; height:69%; background-color: #999933"></div> <div style="border-style:double; border-width:1px; padding:2px; position:absolute; left:25%; top:80%; width:50%; height:20%; background-color: #995933"></div> <div style="border-style:double; border-width:1px; padding:2px; position:absolute; right:0%; top:0%; width:25%; height:100%; background-color: #9999CC"></div> <div style="border-style:outset; border-width:1px; padding:2px; position:absolute; right:2%; top:10%; width:20%; height:80%; background-color: #99CCFF"></div> <div style="border-style:outset; border-width:1px; padding:2px; position:absolute; left:2%; top:5%; width:20%; height:25%; background-color: #99CCFF"></div> <div style="border-style:outset; border-width:1px; padding:2px; position:absolute; left:2%; top:35%; width:20%; height:25%; background-color: #99CCFF"></div> <div style="border-style:outset; border-width:1px; padding:2px; position:absolute; left:2%; top:65%; width:20%; height:25%; background-color: #99CCFF"></div> </body> </html>

��

beshoo · 24-05-2005, 03:49 PM

��:

�� .

��

�� .....��

beshoo · 24-05-2005, 05:12 PM

�� Table ��

��
�� Div �� Div ��
�� Div �� .
�� Div �� .....

�� :

�� PHP:

   
 
 
<style type="text/css"> 

<!-- 

body { 

    margin-left: 0px; 

    margin-top: 0px; 

    margin-right: 0px; 

    margin-bottom: 0px; 

} 

--> 

</style>

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

//-->

</script>

</head><div id="winoXlw" style="position:absolute; left:220px; top:6px; width:712px; height:130px; z-index:1; background-color: #CC0033; layer-background-color: #CC0033; border: 1px none #000000;">xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg td xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg td xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd xfhdh&nbsp; dhg d d dtd</div>

<div id="winoXlw" style="position:absolute; left:940px; top:279px; width:139px; height:127px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000;"></div>

<div id="winoXlw" style="position:absolute; left:940px; top:142px; width:139px; height:127px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000;"></div>

<div id="winoXlw" style="position:absolute; left:940px; top:7px; width:139px; height:127px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000;"></div>

<div id="winoXlw" style="position:absolute; left:312px; top:342px; width:574px; height:127px; z-index:1; background-color: #CCFFCC; layer-background-color: #CCFFCC; border: 1px none #000000;"></div>

<div id="winoXlw" style="position:absolute; left:70px; top:280px; width:139px; height:127px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000;"></div>

<div id="winoXlw" style="position:absolute; left:70px; top:144px; width:139px; height:127px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000;"></div>

<div id="winoXlw" style="position:absolute; left:70px; top:7px; width:139px; height:127px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000;"></div>

<SCRIPT> 

<!-- 

var screenW = 1150-20; 

var screenH = 864-20; 

window.onload = function(){ 

/*________________________*\ 

  Script: Px2Percent V 1.1 

  By: Ibrahim Bidi 

  Nike: Zizwar` 

  FixBug Table instead DIV by : beshoo 

  Email: admin@Zizwar.info 

  Url: Winoscript.com, 

\*________________________*/ 

var p = "%",i,s,subId,dS,tagDiv=tagDiv = document.getElementsByTagName("div"); 

for(i=0; i<tagDiv.length; i++){ 

    if(tagDiv[i].id.indexOf("winoX") != -1){ 

        subId = tagDiv[i].id.substring(5,tagDiv[i].id.length); 

        dS = tagDiv[i].style; 

        for(s=0;s<subId.length;s++){ 

            switch(subId.charAt(s)){ 

                case 'l':if(dS.left)dS.left = parseInt((parseInt(dS.left)/screenW)*100)+p;break; 

                case 't':if(dS.top)dS.top = parseInt((parseInt(dS.top)/screenH)*100)+p;break; 

                case 'w':if(dS.width)dS.width = parseInt((parseInt(dS.width)/screenW)*100)+p;break; 

                case 'h':if(dS.height)dS.height = parseInt((parseInt(dS.height)/screenH)*100)+p;/*alert(dS.height);*/break; 

                } 

            } 

        } 

    } 

} 

//--> 

</SCRIPT>

Zizwar · 24-05-2005, 06:44 PM

��
--
��
--
��

�� ǡ ��
--
�� hossam elkady ��
--
�� Danger_Zone �� winoscript ��
--
��
--
�� ɡ ��

��

beshoo · 24-05-2005, 09:25 PM

��

�� . :]

�� · 25-05-2005, 12:55 AM

��

�� .. �� .. �� .. �� .. ��

�� ..

Dr-dre67 · 25-05-2005, 02:31 AM

��

��
��

��

��

�� · 25-05-2005, 02:48 AM

�� . ��

�� ..

25-05-2005, 03:10 AM

��

��
�� 700 ��

Zizwar · 25-05-2005, 06:16 AM

��

� ��
--
Dr-dre67 ��
��

--
�� 700 �� ȡ ��