Click here to Skip to main content
15,881,413 members
Search within:


Articles / Programming Languages / Javascript
 

VisualJS.NET custom control development

Rate me:
Please Sign up or sign in to vote.
5.00/5 (2 votes)
14 Nov 2012CPOL4 min read 16.5K   197   13  
How to use custom JavaScript controls under VisualJS.NET.
 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SamplePage2.aspx.cs" Inherits="SpinnerTest.VisualJSApp.VSJS_SamplePage2" %>
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Sample Page 2</title>
    <link rel="shortcut icon" href="http://www.visualjs.net/favicon.ico"/>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<meta content="text/javascript" http-equiv="Content-Script-Type" />
	<meta content="text/css" http-equiv="Content-Style-Type" />
	<meta id="MetaDescription" name="DESCRIPTION" content="VisualJS.NET Web Application" />

	<meta id="MetaCopyright" name="COPYRIGHT" content="Copyright 2012 zondig!" />
	<meta id="MetaAuthor" name="AUTHOR" content="VisualJS.NET" />  

    <!-- Useful settings for mobile browsers -->
    <meta name="viewport" content="initial-scale=1.0;maximum-scale=1.0; user-scalable=no;"/>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="HandheldFriendly" content="true" />

    <!-- <link href='/VisualJSApp/Style/CustomStyle.css' media='screen' rel='stylesheet' type='text/css' /> -->
    <link href='a.PokeIn?name=VSJS_CSS&type=text' media='screen' rel='stylesheet' type='text/css' />
    
    <!--VisualJS Script Library Codes.-->
    <script type='text/javascript' src='b.PokeIn?name=VSJS_JSS&type=text' charset='UTF-8'></script>
    
    <!--VisualJS Connection Routine.-->
    <script type="text/javascript" src="c.PokeIn?VisualJS=1&rnd=<%=DateTime.Now.Millisecond.ToString()%>"></script>
 
<style>
#header{
    width:420px;
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    border:0;
    padding:0;
}
.content{
    font-family: helvetica, arial, sans-serif;
    background:transparent; 
    margin-top:0;
    padding:21px;
    font-size:12px;
    color:#708FA8;
    text-align:justify;
}
h3{
    font-family: helvetica, arial, sans-serif;
    font-size:21px;
    font-weight:bold;
    color:#888C11;
    text-align:right;
}
</style>
</head>

<body style="background-color:#000">
	<script type="text/javascript">
	    document.VisualJSLoaded = function () {
	        //Request a form other than the main form
	        VSJS.Open("FormInElement");

	        //OnFormReady event handler
	        VSJS.OnFormReady = function (frm) {

	            //Form OnClose event handler
	            frm.OnClose = function () {
	                if (PokeIn.IsConnected) {
	                    PokeIn.Close();
	                };
	                if (!PokeIn.PageUnloading) {
	                    setTimeout(PokeIn.ReConnect, 500);
	                };
	            };
	        };
	    }; 
	</script>
    
	<div id="header">
		<span> 
			<h3>Standard HTML Element - 1</h3>
			<p class='content'>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
			</p>
            
            <h3>VisualJS.NET Form Container</h3>
			<p id='demoForm' style='height:200px;'>
			    
			</p>

			<h3>Standard HTML Element - 2</h3>
			<p class='content'>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
			</p>
		</span>
	</div>
</body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
artur.ur
Poland Poland
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

Permalink
Advertise
Privacy
Cookies
Terms of Use
Layout: fixed | fluid

Posted 14 Nov 2012

Article Copyright 2012 by artur.ur
Everything else Copyright © CodeProject, 1999-2024

Web02 2.8:2024-04-02:1