|
JavaScript - Realtime Graphic Web Application
hello...
I'm sorry, i did read the advises, and i've been through the forum, trying to figure out where to look... but i dont know where to find it... so, i'm sorry if my help request will sound silly,,, i'm only looking for someone that will want to point me in the right direction... and i'll try to do my best on my own ... we want to offer personalized tshirts... so we do need a way for the customer to choose size, color, subject and text and check all this in real time... someone that is doing something that we want is http://www.vistaprint.com/embroidere...aspx?xnav=top# in your opininion, is that vistaprint application a java? pls, could you point me in the right direction to understand that? thanks to anyone that will want to help me Similar TutorialsSo, I was wondering if the following is possible.. I want to use MathML or maybe javascript graphics and essentially create a real-time math preview. So I want to have a text box where you insert your source code, and I want the preview box to update automatically. For example, say I want the preview box to refresh every time the user enters a space character. Is there a way to get only the new source code entered to render in the preview box without having to re-render the entire preview every time? For example, if a user types 2x^3, I want the math equivalent to show up in the preview window. If a user then types in " + 2x" I want just the " + 2x" part to be drawn right next to the already-drawn "2x^3". Is this possible? Or is the only way to re-render the entire preview every time the user types in a new term? I would like to only change what the user has edited. If a user edits the middle of the math, then I have no choice and have to re-render everything after what the user has just edited, but when the user is editing the math at the very end, can I not just tag it on to the end and render just that little piece? Hello I've been struggling trying to get a small order form to work the way I want it to. Here is a link to the live page: http://www.watphotos.com/introductio...otography.html And here is the code in question: Code: <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
var initial = 0
var total = 0;
var services = 0;
function addServices()
{
initial = 150
total = initial
services = 0;
$("input:checked").each(function(){
value = $(this).attr("value");
services += parseInt(value);
});
}
$(function()
{
addServices();
total += services;
$("form").before('<p class="price"></p>')
$("p.price").text("Total Price: US$" + total);
});
$("input:radio, input:checkbox").click(function () {
addServices();
total += services
$("p.price").text("Total Price: US$" + total);
});
});
</script>
I have two questions... Question 1 How can I make this piece of script act a little smarter. Look at the order form, I'm catering for up to 4 people and providing lunch for them. If they select 3 people and the spaghetti bol for lunch, it's only adding $10 where it should be adding $30. Obviously this is simple multiplication but since the values in my form are prices it makes it a little tricky. I'm guessing an onselect on the first part of the form which changes the pricing of the other items would be the way to go, but how do I do this? Question 2 The "Total Price" is placed before the <form> tag by the script. This is ok but it's not where I want it. How can I position this text elsewhere in the document? Thanks in advance! Hey, I want to create a nice Info Graphic for Web, something like this one: Is possible to do it with JS and style with CSS? Is there any library to generate this graphics and allow to style it with CSS? I've looked at google charts api but I think that I'm not able to style it as I want. Let me know if is there any other solution to create this (without flash). Thanks I have the following code which works fine until I try and display graphics. Please tell me how I could/should display the odometer in graphics format rather than text. I have all the necessary images as .png(0 through 9) in the same folder as the following code. It is just that the text counter displays but not the graphics? Code: <html>
<head>
<script type="text/javascript">
var c=0;
var t;
var timer_is_on=0;
function GraphicOdo(Nommer)
{
d = Nommer.toString();
for (i=0; i<d.length; i++)
{
var image="<IMG SRC=c"+d[i]+".gif>";
// alert(image);
document.getElementById('GraphicCounter').innerHtml=image;
}
}
function timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
GraphicOdo(c);
t=setTimeout("timedCount()",1000);
}
function doTimer()
{
if (!timer_is_on)
{
timer_is_on=1;
timedCount();
}
}
</script>
</head>
<body>
<form>
<input type="button" value="Start count!" onclick="doTimer()">
<input type="text" id="txt" /><br /><br />
<div id="GraphicCounter">
<img src="c0.gif" alt="zero"/>
</div>
</form>
</body>
</html>
some simple stuff ive been stuck on. been trying to get these to come up one after another: set the colour to white draw a filled circle set the colour to blue draw an outline circle i dont know how to make the loop continue and at each loop carry out on of these instructions? any help appreciated!! var canvas; canvas = openGraphics(); var x; var y; var size; x = 10; y = 10; size = 200; while( size > 0 ) { canvas.drawEllipse( x, y, size, size ); x = x + 10; y = y + 10; size = size - 20; } canvas.paint(); I have some code that uses a form, and will check it and show an image. If you have/know a script that is simple, let me know! Otherwise, I'm wondering if someone who is proficient in JS/HTML could help me with this task. It's all coded, I just need some help with an error I am getting. Thanks, Blockis Hi, Is it possible to rotate a dial to follow the mouse cursor? I'm trying to recreate this: http://verbdesign.com/hl/rockwell/index.html but would rather it worked like this: http://www.actionscript.org/resource...-II/Page1.html ...but in javascript. Any help extremely welcome. Thanks, Richard Hi, We are having a website which shows the HTML5 video once click on the Video link it display the video in the same page where the innerhtml of the div accept it. document.getElementById("video_div").innerHTML = QT_WritePoster_XHTML('Click to Play', tabs[currentTab].articles[currentArticle].video+'-poster.jpg',tabs[currentTab].articles[currentArticle].video+'.mov',536, 256, '','controller', 'true','autoplay', 'true','bgcolor', 'black','scale', 'aspect'); It display the video in all the browser accept Safari and in IPhone. Once this QT_WritePoster_XHTML line is encountered while clicking on the Video link of the application it opens the video mentioned in the QT_WritePoster_XHTML on the new blank video but not in the innerhtml with the Application. Please let us know what to do to support this code with the application. Please note that this problem is coming only for Safari Apple. Thanks in advance. How would you Integrate 2 or more Software/Applications via API to build a New Membership Site Software? Also use FB, Twitter & G+ Authentication in addition to Registration via Email Address What is the Process like? What to look out for and how to Document the Workflow? Hello, I need your help, I have the following code below, and its giving me an error saying: "The system cannot find the file specified". Code: <html>
<script language="javascript" type="text/javascript">
function start_ccm(){
var wsh = new ActiveXObject('WScript.Shell');
wsh.exec("C:\Program Files\WorkDynamics Technologies\ccmApplications\ccmMercury.exe")
}
</script>
</head>
<body>
<input id="Button1" onclick="start_ccm()" type="button" value="START" />
</body>
</html>
There is nothing wrong with the location, but my best guess are the spaces in the file path. Any help with this is greatly appreciated. Cheers, J If I want to launch an application in DOS it is START notepad.exe How do I launch the application in Javascript? thanks Ok so I am building a quiz application that I want to let people hit continue and it would save through MySQL database what radio buttons have been selected. IE: What is your username? (o) No Answer [hidden] () Randy () Randy3 () Randy53215 () Randy2 This is just an example of how we would like it setup and if nothing is selected (as shown above) it would calculate that no answer was selected and save all the results of which were selected. So it would see that No Answer was selected and it would skip it and check all the rest. (Generally we have 4 answers). So it would save something like this... () No Answer [hidden] () Randy () Randy3 (o) Randy53215 () Randy2 Does anyone have any idea on how to go about this? Have a link to a page or some personal Javascript source that could do this? My javascript abilities are close to nothing. I can manipulate a bit to get it to work but that's about it. Any help would be greatly appreciated. Can someone explain how to deploy an application in red5 webapps directory? On a remote server? Or is this something I'd have to hire a consultant for? Thanks Hello all, I want to screen scrape a citrix application using server side java script. Currently I am making use of WScript.Shell ActiveXObject and try the following : var objShell =new ActiveXObject("WScript.Shell"); objShell.AppActivate("Metaframe Presentation Server"); // this is the title of the citrix dialog that opens up once the application gets launched. objShell.SendKeys ("{ENTER}") Using AppActivate, the focus is transferred to the dialog mentioned above, but then the SendKeys do not work. Do I need to do it differently? Please provide your valuable help. Hi Everyone, Here is the question: How do I make my website viewable and usable by everyone on my network (in other words, locally)? See below for details. I'm working on a web-application (primarily Javascript and html) that will be located in a folder that everyone has access to at my company. This page is a fairly basic (a person signs-in, their name appears in a table below....the table is constantly growing). My goal is to make everyone able to dynamically add to this table. They need to be able to refresh the table and see it in its current state, and add their names to and continue growing the table. Of course, if I just place my basic web application in the folder everyone has access to, they open it to its original state. I appreciate any response. I'm VERY new to JavaScript and html, though I'm pretty well versed in a few other programming languages (VBA and MATLAB particularly), so I apologize if this is a very basic question. I'll copy in my working code so far, if that helps give a better visualization of what I mean. Code: <html>
<STYLE TYPE="text/css">
body{margin: 0; padding: 0}
tr.headerT
{
font-family: Calibri;
font-size: 16pt;
color: white;
text-align: center
}
input.entryname{width: 150px;}
select.optionitem{width: 150px;}
.odd{background-color: white; height: 25px;}
.even{background-color: E1E1E1; height: 25px;}
.sidebar{background-color: AFD7E7;}
</STYLE>
<script language="JavaScript">
function getDate()
{
var TimeArray = new Date();
var o_Month = TimeArray.getMonth() + 1;
var o_Day = TimeArray.getDate();
var o_Year = TimeArray.getFullYear();
o_Date = o_Month + "/" + o_Day + "/" + o_Year
return o_Date
}
function getTime()
{
var TimeArray = new Date();
var o_Hours = TimeArray.getHours();
var o_Minutes = TimeArray.getMinutes();
var o_Seconds = TimeArray.getSeconds();
if (o_Hours < 10) {o_Hours = "0" + o_Hours}
if (o_Minutes < 10) {o_Minutes = "0" + o_Minutes}
if (o_Seconds < 10) {o_Seconds = "0" + o_Seconds}
o_Time = o_Hours + ":" + o_Minutes + ":" + o_Seconds
return o_Time
}
function Test2(tableID, selectID, inputID, selectID2)
{
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row =table.insertRow(rowCount-1);
var RowStyle = table.getElementsByTagName("tr");
var Cell1 = row.insertCell(0);
var Cell2 = row.insertCell(1);
var Cell3 = row.insertCell(2);
var Cell4 = row.insertCell(3);
var Cell5 = row.insertCell(4);
var Cell6 = row.insertCell(5);
var Cell7 = row.insertCell(6);
var Cell8 = row.insertCell(7);
var Cell9 = row.insertCell(8);
var entered_name = document.getElementById(inputID).value;
var selected_index = document.getElementById(selectID).selectedIndex;
var selected_value = document.getElementById(selectID).options[selected_index].value;
var index2 = document.getElementById(selectID2);
index2.options[index2.options.length] = new Option(entered_name);
index2.options[(index2.options.length)-1].value = entered_name;
Cell1.className = "sidebar";
Cell2.innerHTML = getDate(); Cell2.align = "center";
Cell3.innerHTML = getTime(); Cell3.align = "center";
Cell4.innerHTML = selected_value; Cell4.align = "center";
Cell5.innerHTML = entered_name; Cell5.align = "center";
Cell9.className = "sidebar";
if((rowCount-1)%2==0){
RowStyle[rowCount-1].className = "even";
}else{
RowStyle[rowCount-1].className = "odd";
}
}
function Test3(tableID, selectID_rep, selectID_mem)
{
var dat_table = document.getElementById(tableID);
var rowCount = dat_table.rows.length;
var mem_select = document.getElementById(selectID_mem);
var mem_index = mem_select.selectedIndex;
var mem_value = mem_select.options[mem_index].value;
var rep_select = document.getElementById(selectID_rep);
var rep_index = rep_select.selectedIndex;
var rep_value = rep_select.options[rep_index].value;
for (i = 0; i<(rowCount-1); i++)
{
if(dat_table.rows[i].cells[4].innerHTML==mem_value)
{
if(dat_table.rows[i].cells[5].innerHTML=="")
{
dat_table.rows[i].cells[5].innerHTML = rep_value; dat_table.rows[i].cells[5].align = "center";
dat_table.rows[i].cells[6].innerHTML = getTime(); dat_table.rows[i].cells[6].align = "center";
}
else if(dat_table.rows[i].cells[5].innerHTML==rep_value)
{
dat_table.rows[i].cells[7].innerHTML = getTime(); dat_table.rows[i].cells[7].align = "center";
mem_select.removeChild(mem_select.options[mem_index]);
}
}
}
}
</script>
<head>
<form>
<table width = 100% height = 120 border = "0" cellspacing = "0"
cellpadding = "0" bgcolor = "white" id="shell" align ="center">
<tr align ="right">
<td rowspan="5" align="left" valign="top"> <IMG SRC="Logo.jpg"> </td>
<td rowspan="2" colspan="2"> <IMG SRC="Title_SignIn.jpg"> </td>
<td colspan="2" > <IMG SRC="Title_Staff.jpg"> </td>
<td width = "10%">   </td>
</tr>
<tr align ="right" valign = "top" style = "height: 30px">
<td width = "30%"> Select Member:  </td>
<td width = "10%"> <select name = "select_member" style = "width: 200px"> </select> </td>
<td> </td>
</tr>
<tr align ="right" valign = "top" style = "height: 30px">
<td width = "10%"> Name:   </td>
<td width = "10%"> <input type="text" name="full_name" class="entryname"> </td>
<td> Representative:   </td>
<td>
<select name = "select_rep" style = "width: 200px">
<option value="Rep A">RV Watson</option>
<option value="Rep B">Daisy Bauer</option>
<option value="Rep C">Mike Andrews</option>
</select>
</td>
</tr>
<tr align ="right" valign = "top" style "hieght: 30px">
<td> Reason:   </td>
<td>
<select name = "reason" class = "optionitem">
<option value="Eligibility">Eligibility</option>
<option value="Sick Leave">Sick Leave</option>
<option value="Claims">Claims</option>
<option value="Pension">Pension</option>
</select></td>
<td> Password:   </td>
<td> Password Box </td>
</tr>
<tr align ="right" style = "height: 30px">
<td>   </td>
<td>
<input type="button" value="Sign In" name="btnSignIn"
onClick="Test2('thetable', 'reason', 'full_name', 'select_member')">
</td>
<td>   </td>
<td>
<input type="button" value="Sign Member In / Out" name="btnStaff"
onClick="Test3('thetable', 'select_rep', 'select_member')">
</td>
</tr>
</form>
</head>
<table id ="thetable" width = "100%" height = "100%" border="0" valign="center"
cellspacing="0" cellpadding="0" bgcolor="white" id="shell" align="center">
<tr class = "headerT" bgcolor="gray" height = "40">
<td style = "width = 50px"> </td>
<td style = "width = 100px">DATE</td>
<td style = "width = 150px">TIME</td>
<td style = "width = 100px">REASON</td>
<td style = "width = 200px">NAME</td>
<td style = "width = 200px">REPRESENTATIVE</td>
<td style = "width = 150px">START TIME</td>
<td style = "width = 150px">END TIME</td>
<td> </td>
</tr>
<tr>
<td colspan="1" bgcolor = "AFD7E7"> </td>
<td colspan="7" ></td>
<td colspan="1" bgcolor = "AFD7E7"> </td>
</tr>
</table>
</body>
</html>
Hi, Can anyone tell me How to send values from application resources.properties file to a java script function in a jsp Thanks in Advance, John Ven var navOpenInBackgroundTab = 0x1000; var objIE = new ActiveXObject("InternetExplorer.Application"); objIE.Navigate2("https://URL", navOpenInBackgroundTab); objIE.Navigate2("http://URL"); objIE.Navigate2("https://URL", navOpenInBackgroundTab); objIE.Visible = true; I found the above script on a different site and have a couple of problems. 1) I find if I add more than 3 URLs to open, I get errors and the sites don't open. I verified each line is exactly the same except for the URL that needs to open. 2) My work must use IE 32-bit for our systems to work properly. When I click a link from my email, IE 32-bit opens the link. The problem is that when I run this .js file, the URLs open in IE 64-bit. These are systems I use at work and they do not work in IE 64-bit. If anyone can help me figure out how to open more than 3 URLs without errors and how to open IE 32-bit I would be grateful. Thanks Mike |
|||||||