Home | Contact Us | FAQ | Search & Site Map | Link to Us
Sign In | Join | Other 45 Sites in Network
HomeAnnouncementsFree MagazinesWhite PapersSubmit Content
Discussion GroupsASP.NETWindows FormsLanguages.NET FrameworkVisual Studio.NET
Articles.NET FrameworkASP.NETToolsWindows Forms
.NET DirectoryOpen Source ProjectsUser GroupsWeb Resources
Related Topics
Visual Basic 6SQL ServerMS AccessOther DB ProductsMS Server ProductsMore Topics ...

.NET Forum / ASP.NET / General / October 2007

Tip: Looking for answers? Try searching our database.

JavaScript and UserControl

Thread view: 
Enable EMail Alerts  Start New Thread
Thread rating: 
Juan Alberto - 17 Oct 2007 15:28 GMT
Hi,

Is there any possibility to do this with a *.ascx file?

http://www.cssboulevar.com.ar:80/codigos/ver.php?id=166

The errors in the page aren't important.

This is The code for the effect:

<HTML>
<HEAD>
<TITLE>Static Slide Menu</TITLE>
<SCRIPT language="JavaScript">
<!--
IE=document.all;
NS=document.layers;
/*
Configure menu styles below
NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items
colors
*/
hdrFontFamily="Verdana";
hdrFontSize="2";
hdrFontColor="white";
hdrBGColor="#666666";
linkFontFamily="Verdana";
linkFontSize="1";
linkBGColor="white";
linkOverBGColor="#CCCCCC";
linkTarget="_top";
YOffset=20;
staticYOffset=20;
menuBGColor="black";
menuIsStatic="yes";
menuHeader="Gamarod.com.ar"
menuWidth=150; // Must be a multiple of 5!
staticMode="advanced"
barBGColor="#333333";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barText="Gamarod JavaScript";
function moveOut() {
if (window.cancel) {cancel="";}
if (window.moving2) {clearTimeout(moving2); moving2="";}
if ((IE && ssm2.style.pixelLeft<0)||(NS && document.ssm2.left<0)) {
if (IE) {ssm2.style.pixelLeft += (5%menuWidth);}
if (NS) {document.ssm2.left += (5%menuWidth);}
moving1 = setTimeout('moveOut()', 5)}
else {clearTimeout(moving1)}};
function moveBack() {
cancel = moveBack1()}
function moveBack1() {
if (window.moving1) {clearTimeout(moving1)}
if ((IE && ssm2.style.pixelLeft>(-menuWidth))||(NS &&
document.ssm2.left>(-140))) {
if (IE) {ssm2.style.pixelLeft -= (5%menuWidth);}
if (NS) {document.ssm2.left -= (5%menuWidth);}
moving2 = setTimeout('moveBack1()', 5)}
else {clearTimeout(moving2)}};
lastY = 0;
function makeStatic(mode) {
if (IE) {winY = document.body.scrollTop;var NM=ssm2.style}
if (NS) {winY = window.pageYOffset;var NM=document.ssm2}
if (mode=="smooth") {
if ((IE||NS) && winY!=lastY) {
smooth = .2 * (winY - lastY);
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) NM.pixelTop+=smooth;
if (NS) NM.top+=smooth;
lastY = lastY+smooth;}
setTimeout('makeStatic("smooth")', 1)}
else if (mode=="advanced") {
if ((IE||NS) && winY>YOffset-staticYOffset) {
if (IE) {NM.pixelTop=winY+staticYOffset}
if (NS) {NM.top=winY+staticYOffset}}
else {
if (IE) {NM.pixelTop=YOffset}
if (NS) {NM.top=YOffset-7}}
setTimeout('makeStatic("advanced")', 1)}}
function init() {
if (IE) {
ssm2.style.pixelLeft = -menuWidth;
ssm2.style.visibility = "visible"}
else if (NS) {
document.ssm2.left = -menuWidth;
document.ssm2.visibility = "show"}
else {alert('Choose either the "smooth" or "advanced" static modes!')}}
//-->
</SCRIPT>
<STYLE>
A.ssm2Items:link {color:black;text-decoration:none;}
A.ssm2Items:hover {color:black;text-decoration:none;}
A.ssm2Items:active {color:black;text-decoration:none;}
A.ssm2Items:visited {color:black;text-decoration:none;}
</STYLE>
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0" onLoad="init()">
<script language="JavaScript1.2">
if (IE) {document.write('<DIV ID="ssm2" style="visibility:hidden;Position :
Absolute ;Left : 0px ;Top : '+YOffset+'px ;Z-Index : 20;width:1px"
onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'"
name="ssm2" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()"
onmouseout="moveBack()">')}
tempBar=""
for (i=0;i<barText.length;i++) {
tempBar+=barText.substring(i, i+1)+"<BR>"}
document.write('<table border="0" cellpadding="0" cellspacing="1"
width="'+(menuWidth+16+2)+'" bgcolor="'+menuBGColor+'"><tr><td
bgcolor="'+hdrBGColor+'" WIDTH="'+menuWidth+'"> <font
face="'+hdrFontFamily+'" Size="'+hdrFontSize+'"
COLOR="'+hdrFontColor+'"><b>'+menuHeader+'</b></font></td><td align="center"
rowspan="100" width="16" bgcolor="'+barBGColor+'"><p align="center"><font
face="'+barFontFamily+'" Size="'+barFontSize+'"
COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD></tr>')
function addItem(text, link, target) {
if (!target) {target=linkTarget}
document.write('<TR><TD BGCOLOR="'+linkBGColor+'"
onmouseover="bgColor=\''+linkOverBGColor+'\'"
onmouseout="bgColor=\''+linkBGColor+'\'"><ILAYER><LAYER
onmouseover="bgColor=\''+linkOverBGColor+'\'"
onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%"><FONT
face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'"
target="'+target+'" CLASS="ssm2Items">'+text+'</LAYER></ILAYER></TD></TR>')}
function addHdr(text) {
document.write('<tr><td bgcolor="'+hdrBGColor+'" WIDTH="140"> <font
face="'+hdrFontFamily+'" Size="'+hdrFontSize+'"
COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td></tr>')}
//Only edit the script between HERE
addItem('Buscador de Rutinas', 'buscar.htm', '');
addItem('Foros de Discusión', '/foros/', '');
addItem('Lista de Correo', '/lista.htm', '');
addItem('Comentarios', '/comentarios.htm', '');
// and HERE! No more!
document.write('<tr><td bgcolor="'+hdrBGColor+'"><font size="0"
face="Arial"> </font></td></TR></table>')
if (IE) {document.write('</DIV>')}
if (NS) {document.write('</LAYER>')}
if ((IE||NS) && (menuIsStatic=="yes"&&staticMode)) {makeStatic(staticMode);}
</script>

<br><br><br>
</BODY>
</HTML>

Thank's, Juan Alberto
Mike Placentra II - 22 Oct 2007 20:52 GMT
Yea. You need to to some coding, though. First, put your JavaScript
into a .js file, or make it a web resource if you are making an
assembly to distribute.

In your Page OnLoad event handler (or OnPreRender or whatever),
programmatically add an include for that JavaScript file.

Here's an MSDN example.
http://msdn2.microsoft.com/en-us/library/kx145dw2(vs.80).aspx#codeExampleToggle

Note that that requires .net 2.0 +. If you're on 1.x, you can still do
what you are trying to do by adding the <script /> tag
programmatically by creating a new HtmlControl object, setting the
TagName property to "script", and setting the src (your file/resource)
and type ("text/javascript") attributes, then adding that control to
Page.Header.

-Michael Placentra II

> Hi,
> Is there any possibility to do this with a *.ascx file?
> http://www.cssboulevar.com.ar:80/codigos/ver.php?id=166

Free Magazines

Get these publications absolutely FREE for up to 12 months. There are no hidden fees and no obligation. Simply choose a title, complete the application form and submit it. Read more ...

Oracle MagazineNetwork ComputingComputer WorldBio-IT WorldeWeekInformation WeekInfosecurity
 
Sign In
Join
My Latest Posts
My Monitored Threads
My Blog
My Photo Gallery
My Profile
My Homepage

Start New Thread
Enable EMail Alerts
Rate this Thread



©2008 Advenet LLC   Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.