singularity - Viewing Profile

singularity's Profile User Rating:

Reputation: 17 Tradesman

Group:: Authors
Active Posts:: 185 (0.11 per day)
Joined:: 17-October 08
Profile Views:: 9,985
Last Active:: Apr 13 2012 03:08 AM
Currently:: Offline

Previous Fields

Country:: Who Cares
OS Preference:: Who Cares
Favorite Browser:: Who Cares
Favorite Processor:: Who Cares
Favorite Gaming Platform:: Who Cares
Your Car:: Who Cares
Dream Kudos:: 100

Latest Visitors

Aphex19
11 Oct 2011 - 04:12
wartech
09 Sep 2011 - 13:29
modi123_1
29 Jul 2011 - 13:08
macosxnerd101
17 Jul 2011 - 09:22
Altair128
06 Jul 2011 - 08:30

singularity cannot find the ways to update his status

Posts I've Made

In Topic: moving submit button position using html and css

Posted 5 Aug 2011

ravi951, on 03 August 2011 - 09:52 AM, said:

hi all,
i have created one simple login form using html an css.in that login form how to change the position of the submit button to center, right and left.
presently it is left now....
where to change the position......
below is my html code..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dynamic Inline Form Validation Demo</title>
<link rel="stylesheet" type="text/css" href="messages1.css" />
<script type="text/javascript" src="messages1.js"></script>
</head>
<body>
<div id="wrapper">
  <form name="form" id="form" class="form" action="success1.html" onsubmit="return validate(this)" method="post">
    <label for="name">User Name:</label>
    <input type="text" name="realname" id="name" />
	<span id="realnameerror"></span>
    
	<label for="email">Email Id:</label>
    <input type="text" name="email" id="email" />
	<span id="emailerror"></span>
    
	<label for="password">Password:</label>
    <input type="password" name="password" id="password" />
	<span id="passworderror"></span>
	
    <label for="repassword">Retype Password:</label>
    <input type="password" name="password2" id="password2" />
	<span id="password2error"></span>
	
	<label for="phoneno">Phone no:</label>
    <input type="text" name="phoneno" id="phoneno" />
	<span id="phonenoerror"></span>
	
	<input type="submit" value="Submit" class="submit" />
  </form>
</div>
</body>
</html>

below is the css for it.....

* 
{
 margin:0; 
 padding:0;
}

body 
{
  font:12px Verdana, Arial, Helvetica, sans-serif; 
  color:black;
}

#wrapper 
{
  width:700px; 
  margin:50px auto;
}

.form 
{
  float:left; 
  padding:10px 10px 10px 10px; 
  background:lightblue; 
  border:2px solid white;
}

.form label 
{
  float:left; 
  width:130px; 
  padding:10px 10px 0 0; 
  font-weight:bold;
  text-align:right;
  clear:left;
}

.form span
{
  float:left;
  margin-top:1em;
  margin-left:0.5em;
  color:red;
}

.form select 
{
  float:left; 
  width:146px; 
  margin-top:10px;
}

.form input 
{
  float:left; 
  margin-top:10px;
}

.form .submit 
{
  clear:both;
}

 #msg 
{
  display:none; 
  position:absolute; 
  z-index:200; 
  background:url(images/msg_arrow.gif) left center no-repeat; 
  padding-left:7px;
}
#msgcontent 
{
  display:block; 
  background:yellow; 
  border:2px solid orange; 
  border-left:none; 
  padding:5px; 
  min-width:150px; 
  max-width:250px;
}

Add position relative and left 130px to submit like below:
.form .submit
{
clear:both;position:relative;left:130px;
}

In Topic: Get content from one div and load it into another

Posted 29 Jul 2011

Here is one way that you can do with out using jquery:

<script type="text/javascript">
	function move() {
		var content = document.getElementById("one").innerHTML;
		document.getElementById("two").innerHTML = content;
	}
</script>

HTML

<div id="one" style="height:200px; width:400px;background-color:#33FFFF;float:left;width:40%;"> I am First Div</div>
<div id="two" style="height:200px; width:400px; background:#999999;float:left;width:40%;">I am second Div</div>
<input type="submit" onclick="move();" value="Move">

Hope this helps.

EDIT: preview here http://jsbin.com/axiway

In Topic: [link] CSS3 vs. Photoshop: Rounded Corners and Box Shadows

Posted 29 Jul 2011

It's just two CSS3 properties, border-radius and box shadow. Have you seen this page in IE. I am not sure if these properties are even defined in IE9
In Topic: Javascript Validation, from string

Posted 16 Jul 2011

You need to compare your string using what is called Regular Expressions in Javascript. Simple though!!. Check for tutorials in Javascript, there is one simple enough to explain.
In Topic: Loading fonts using Cufon - Javascript

Posted 3 Jul 2011
m-e-g-a-z, on 02 February 2011 - 10:44 PM, said:
Loading fonts using Cufon - Javascript

By m-e-g-a-z

This tutorial will cover a way of using non proprietary fonts on webpages using the Cufon javascript library.

Right, first of all, pick a nice font you like, in this tutorial I will be using Euphemia although you can choose any other fonts which can be found here. Please remember that Cufon only accepts the following font types:
- PostScript fonts
Once you have chosen a font, download it and upload it to the Cufon website here.

You will need to fill out the relevant sections and do not pick something you will not be using such as Cyrillic Alphabet for example. Picking only what you need will make the javascript smaller.

In this case, I have done the following:

-Uploaded Font into Regular typeface.
-Selected Uppercase
-Selected Lowercase
-Selected Numerals
-Selected Punctuation
-Typed in domain *For Security Section*

Within the security section on the Cufon website, you will need to provide the domain of your website. If you don't do this, you will not see the text.

Once you have filled out the relevant sections and submitted the form, you will recieve a response to download the javascript file.

Once you have downloaded the file, place it in a directory and refer to the js file like this.

The file it gave me is called Euphemia_400.font.js and I put it in a directory called js.

So you would insert it like this.
```
<script src="js/Euphemia_400.font.js" type="text/javascript"></script>
```
You will also need to include the Cufon library which can be found here.

Include it in the script like this
```
<script src="js/cufon-yui.js" type="text/javascript"></script>
```
Once you have followed these steps, we will now use the Cufon API to load and apply styles to our page. The Cufon API can be located here .

So lets get some script tags open like this..
```
<script type="text/javascript">

</script>
```
Once we have done that, we will then need to put in some Cufon javascript. Below is a function called replace which replaces the text and applies styles such as color which changes the text to blue and fontWeight which makes it bold. The selector in the example below is 'h2' tags but you can make it whatever you want it to be as long as it's valid. This means that it will replace all h2 tags to the styles mentioned above.
```
Cufon.replace('h2', {
        color: '#26548B;',
        fontWeight : 'bold'
});
```
So for example, we have some html below that contains h2 and h3 tags.
```
<h2>This is a </h2>
<h3>Cufon Test</h3>
```
We can then define some javascript to change these fonts and styles below like this.
```
<script type="text/javascript">
Cufon.replace('h2', {
        color: '#26548B;',
        fontWeight : 'bold'
});

Cufon.replace('h3', {
        color: '#8ED6FA;',
        fontSize: '16px;'
});
</script>
```
The output should look like this

http://doc.gold.ac.u...01za/cufon.html
Unfortunately your link results in 404 Not found error, would you mind posting the final output again.

My Information

Member Title:: D.I.C Head
Age:: Age Unknown
Birthday:: Birthday Unknown
Gender:

Contact Information

E-mail:: Private

Friends

Comments

Page 1 of 1

jteneso
11 Jul 2010 - 07:36
Hi, I'm jeliza new member just sign in today, I just want to ask some help.using gotoxy statement how can i create box using char (alt 1 7 80 with dimensions 8x8 and centered in the screen.will appreciate it so much..thanks