Re: CAN PHP Support IE5.5 WEB Design?
| From: | wharry | Date: | Wed, 01 Nov 2000 02:15:04 +0000 |
| Subject: | Re: CAN PHP Support IE5.5 WEB Design? | ||
| References: | 1 2 | Groups: | php.windows |
| Request: | Send a blank email to php-windows+get-3607@lists.php.net to get a copy of this message | ||
Here is an example for IE5 Client-Side Web Design
############################################BEGIN##########################
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Editable Regions Sample</TITLE>
<LINK REL="stylesheet"
HREF="/workshop/samples/author/dhtml/refs/samplessdkIE4.css"
TYPE="text/css">
<STYLE>
body{
margin:0;
background:white;
font-family:verdana;
font-size:80%;
}
.bar{
background:#336699;
width:100%;
height:30px;
border-top:1px solid #99CCFF;
border-bottom:1px solid #000000;
}
.desbar{
background:#FFFFFF;
width:100%;
padding: 10px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #000000;
color:black;
font-size:8pt;
height:105;
}
.title{
font-size:15pt;
color:white;
padding-left:10px;
}
PRE { margin:0}
a:link
{
text-decoration:none;
color:white
}
a:visited
{
text-decoration:none;
color:white
}
a:active
{
text-decoration:none;
color:white
}
a:hover
{
text-decoration:none;
color:yellow
}
BUTTON {cursor:hand; background:#ffffff; border-color:#99ccff;
font-weight:bold;}
</STYLE>
<SCRIPT>
function fnToggleEdits(oObj,oBtn) {
currentState = oObj.isContentEditable;
newState = !currentState;
oObj.contentEditable = newState;
newState==false ? oBtn.innerHTML='Editing On' :
oBtn.innerHTML='Editing Off';
}
</SCRIPT>
</HEAD>
<BODY >
<!-- TOOLBAR_START --><!-- TOOLBAR_EXEMPT --><!-- TOOLBAR_END -->
<DIV CLASS="bar title">
Editable Regions Sample
</DIV>
<DIV CLASS="desbar">
<H4 style="font-size:10pt;">
This example demonstrates the features of Microsoft® Internet Explorer
that enable users to edit the content of an HTML element directly from the
browser.
</H3>
<P> This HTML editor is a DIV element set to be content editable. Any valid
HTML content (text, images, form controls, etc.) can be pasted and edited in
this editor.</P>
<div align="center">
<DIV UNSELECTABLE ALIGN="center" STYLE="height:210; width:90%;
background-color:#99CCFF; border:1px solid black">
<DIV CLASS="bar title">HTMLEditor (Content Editable DIV)</DIV>
<DIV style="padding:10px">
<BUTTON UNSELECTABLE ID="oEditDiv" TITLE="Editing Off"
onclick='fnToggleEdits(oDiv,oEditDiv);oDiv.focus();'>Editing Off</BUTTON>
<BUTTON UNSELECTABLE TITLE="Bold" onclick='if
(oDiv.isContentEditable==true) document.execCommand("Bold"); oDiv.focus();'
>Bold</BUTTON>
<BUTTON UNSELECTABLE TITLE="Italic" onclick='if
(oDiv.isContentEditable==true) document.execCommand("Italic");
oDiv.focus();' ><I>Italic</I></BUTTON>
<BUTTON UNSELECTABLE TITLE="Underline" onclick='if
(oDiv.isContentEditable==true) document.execCommand("Underline");
oDiv.focus();'><U>Underline</U> </BUTTON>
</DIV>
<DIV id=oDiv contenteditable ALIGN=left STYLE="height:100;
width:95%;background-color:white; font-face:Arial; padding:3;
border:inset #99ccff; scrollbar-base-color:#99ccff;
overflow=auto;"></DIV>
<BUTTON UNSELECTABLE TITLE="Append from HTMLEditor"
onclick='oTextarea.value+=oDiv.innerHTML;oTextarea.focus();'>
Append to TextEditor</BUTTON>
</DIV>
</div>
<BR/>
<P>This text editor is a TEXTAREA element and is content editable by
default. Only text can be edited in this tool. However, you can draft HTML
in TEXTEditor and press the Append to HTMLEditor button to see the result
appended to HTMLEditor. The Append to TextEditor button reverses this
process by appending the HTMLEditor's HTML as text to TEXTEditor.<BR/><BR/>
<br>
<div align="center">
<DIV UNSELECTABLE ALIGN="center" STYLE="height:210; width:90%;
background-color:#99ccff; border:1px solid black">
<DIV CLASS="bar title">TEXTEditor (TEXTAREA)</DIV>
<DIV style="padding:10">
<BUTTON UNSELECTABLE ID="oEditText" TITLE="Editing Off"
onclick='fnToggleEdits(oTextarea,oEditText);oTextarea.focus();'>Editing
Off</BUTTON>
</DIV>
<TEXTAREA id=oTextarea ALIGN=left STYLE="height:100;
width:95%;background-color:white; padding:3; border:inset #99ccff;
scrollbar-base-color:#99ccff; overflow=auto;"></TEXTAREA>
<BR/>
<BUTTON UNSELECTABLE TITLE="Append to HTMLEditor"
onclick='oDiv.innerHTML+=oTextarea.value;oTextarea.focus();'>
Append to HTMLEditor</BUTTON>
</DIV>
</div>
<BR/><P>Both editors use the same function to activate or deactivate
editing. The function uses the <b>isContentEditable</b> property to test
whether editing is active. Accordingly, the <b>contentEditable</b> property
is then reversed to reset editing.
</DIV>
<DIV CLASS="bar" STYLE=" padding:5px; padding-left:10">
<A href="http://www.microsoft.com/misc/cpyright.htm"
target=_top>
©2000 Microsoft Corporation. All rights reserved. Terms of use</A>.
</DIV>
<P><HR><font color="black" face="ms sans serif"
size="1">©<a
href="http://msdn.microsoft.com/isapi/gomscom.asp?TARGET=/misc/cpyright.htm"
target="_top"> 2000 Microsoft Corporation. All rights reserved. Terms of
use.</a></font>
</body>
</html>
########################################END###############################
"Andy Hoffman" <andy.hoffman@bms.com> wrote in message
news:39FED8A6.19E35913@bms.com...
> wharry wrote:
>
> > Use IE5 and JS can Design a html on client,
> > How to send it to server,how to make php konw it?
>
> I think we need a little more detail on what you're trying to do...
> Javascript is a client-side only scripting language, useful for lots of
> client-side functionality, like form management, window management,
> roll-overs & image stuff, etc. If you're specifically trying to tell a
php
> script what the user is doing in Javascript, you're best bet (if I
> understand you correctly) is by passing along "hidden" form values via a
> form submission to your php script.
>
> Beyond that, perhaps you could post some more detail as to what you're
> trying to accomplish.
>
> --
> Andy Hoffman
> Web Developer
> Bristol-Myers Squibb
> email: andy.hoffman@bms.com
>
>
> --
> PHP Windows Mailing List (http://www.php.net/)
> To unsubscribe, e-mail: php-windows-unsubscribe@lists.php.net
> For additional commands, e-mail: php-windows-help@lists.php.net
> To contact the list administrators, e-mail: php-list-admin@lists.php.net
>