JavaScript and UserControl

Discussion in 'ASP .Net' started by Juan Alberto, Oct 17, 2007.

  1. Juan Alberto

    Juan Alberto Guest

    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
    Juan Alberto, Oct 17, 2007
    #1
    1. Advertising

  2. 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

    On Oct 17, 10:28 am, "Juan Alberto" <> wrote:
    > Hi,
    > Is there any possibility to do this with a *.ascx file?
    > http://www.cssboulevar.com.ar:80/codigos/ver.php?id=166
    Mike Placentra II, Oct 22, 2007
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. huobazi
    Replies:
    1
    Views:
    666
    David Waz...
    Jul 3, 2003
  2. Rajesh Tiwari

    Can we use a usercontrol inside a usercontrol

    Rajesh Tiwari, Aug 12, 2003, in forum: ASP .Net
    Replies:
    0
    Views:
    396
    Rajesh Tiwari
    Aug 12, 2003
  3. nail
    Replies:
    0
    Views:
    1,526
  4. Phl
    Replies:
    2
    Views:
    508
    =?Utf-8?B?VGFtcGEgLk5FVCBLb2Rlcg==?=
    Nov 18, 2004
  5. ThunderMusic
    Replies:
    4
    Views:
    411
    ThunderMusic
    Dec 21, 2005
Loading...

Share This Page