My visual JS program!

Status
Not open for further replies.

mssssee2

Graphic Designer
Messages
506
Location
Greece
I'm planning to make my first code creator app, which will work via javascript, and will be about creating javascript. It will be useful for those that don't have a good page webpage editor as it other than javascript is going to combine Html and Css, it will also going to create javascript rollovers, javscript random chooser, object creator etc so it is also refered to users that have Dreamweaver or frontpage and want to end several jobs faster. I am currently at ALPHA state, as i today decided to design that big app for me and also designed the code creator template which will be modified to cover several requirements.

The page is Visual JS.(Hope you'll like the logo.

I am posting it to ask you if you think that this template will be able to fit several lines of complex code. I've calculated that if I program half hour a day, i'll be able to have it finished in three months, so I have set release day at January 2008, not to be pressured.

Code source of Visual JS alpha image creator :


<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Embedd it and javascript it ALPHA</title>
<style type="text/css">
.style1 {
color: #000000;
}
.style2 {
color: #C0C0C0;
}
</style>
</head>

<body onmousemove="begin()">

<form name="A" method="get">

<span class="style2">Javascript imaging ALPHA state, this an ALPHA ver of the
command "Embedd a picture and javascript it", the alpha ver includes only the event
onclick(). The program is smart and if attributes are not specified that part of
code gets removed.</span><br />
<br />

Width : <input name="W" type="text" style="width: 44px" />Height<font color="#7C7C7C">
: <input name="H" type="text" style="width: 37px" /></font><span class="style1">Onclick
:</span><font color="#7C7C7C">
<input name="O" type="text" style="width: 76px" /><br />
</font>


Input an image :




<input name="pic" type="file" onchange="aaa()" /><br />
<input onclick="history.back()" name="backc" type="button" value="<-- BACK" /></form>
 <script>

function aaa() {

var img = A.pic.value;
var codeA = '<font color="#7C7C7C"><img src="'
var codeB = '"'
var q = '></font>'
var codeparts = '<p class="style1">Copy and paste the following code :<br /> ------------------------------------------------------</p> <p class="style1"> </p>'
var back = '<input type="button" name="default" value="BACK" onclick="history.back()">'
var wid = A.W.value;
var heig = A.H.value;
var oncli = A.O.value;



if (wid == "" | heig == "") {

var width = ''
var height = ''

}

else {

var width = ' width="' + wid + '"'
var height = ' height="' + heig + '"'

}

if (oncli == "") {

var onclick = ""

}
else {

var onclick = ' onclick="' + oncli + '"'

}


document.write(codeparts + codeA + img + codeB + onclick + width + height + q + "<br>" + back + "<br>Code Created with Visual JS ALPHA<br><br>")


}



</script>



<script>

function begin() {

window.resizeTo(400,400)
window.moveTo(600,200)


}

begin()





</script>

</body>

</html>

P.S I took a W3C schools javascript test, and was glad to tak 95%, so I blieve i can do it!
 
I made some drafts as hown organising it, and the menu will include :

A)Button maker

Button maker will be GUId and you'll have just to specify the name shown and an event, like onclick, onmouseover, onmouseout. There will be some ready events like where the only you have to do is to specify the linked areas:

Window.location (at the dropdown there will be shown SPecify the link)
window.location.reload() no further input needed
pop up maker (window.open()) link and name
window.close()
history.back()
history.forward()
choice to select a function of your own. At the button maker you can optionally specify a title, name (as value) is obligatory, input name will be random. Optionally, there will be some info shown after the code creation.

B) A rollover maker (for 1 image only)

C) Image maker, smth like button maker but with image. (May be concatenated with Button maker anyway)

D) Appearence tab (CSS & javascript effects)

E) Form maker, the hardest of all!

F) Interactive profile maker for your website. (That's somnething that you'll learn on your own when you'll try my beta). I believe it is a persective plan, but requies less work than I had imagined, i think i'm gonna enhance it more.
 
The logo is ready! Do you like it? :

2006085463867729522_rs.jpg


I also created an RSS feed. You can find it at this website.
 
Status
Not open for further replies.
Back
Top Bottom