Drawing Commands?
Aug 9, 2006I heard or read that the next version of HTML will provide long-overdue drawing commands.
Which version of Firefox, Opera or IE supports such new fancy stuff?
ADVERTISEMENT
Onload And 2 Commands...
Mar 15, 2007I havent used java that much, and lately I updated from M$ java to SUN
(due to my bank).
Before, this worked:
<body onload="SetFocus(); window.focus();">
now, it does not. SetFocus() is included as:
<script language="JavaScript" src="mystuff.js"></script>
Though, this gives an alert:
<body onload="SetFocus(); window.focus();alert('hello')">
What is the difference and the trick here?
Get Numbers From <div>'s And Use Them In If() Commands?
May 5, 2011I trying to get numbers from <div>'s and use them in if() commands.I've got the number but the if() commands don't seem to be working.Here is the code I'm using:
Code:
window.onload = showPhoto
var pNum = 1; // global num
[code]....
Break Commands In Functions
Nov 22, 2010I had to do a break function and scripts in this portion. I am wondering if my format is correct here is what i made
Code:
function createBar(partyType,percent){ // script element to create blank cells
switch(partyType) {
case "D": document.write("<td class='dem'></td>");
break;
case "E": document.write("<td class='rep'></td>");
[Code]...
Disable Default Keyboard Commands
Apr 27, 2009I am building an application that acts like a terminal command line. I want it to be fully interactable with the major keys on the keyboard. I am using Jquery as the base for the UI. There are two methods I am trying.
1. Using a textarea element.
2. Using a div element
If I use the textarea then I cannot utilise the tab button to create an indent as it move the focus away from the element. In addition to this, I want to use tool tips as the user type and I'm doubtful I could create this with a textarea.
If I use a div element then I cannot use the backspace button as it forces my browser to go back one in history.
I would also want to use the div tag to create the text field as tooltips will be easier to implement plus I could add line numbers using a list element placed within the div.
Sending Multiple Commands To NETiom?
Aug 1, 2011The problem I have is that the NETiom board will only accept single commands to the HTML server built in to the NETiom.
What I dould like to do is send the following commands, timed 500ms apart to switch off 4 outputs before initilising 1 of the 4 inputs.
The commands I need to send are : B01 B02 B03 B04 T01
These 5 commands switch off relays 1 2 3 4 beofre energising relay 1
OK the code I'm using currently is as follows which gives me the correct buttons and action upto the point of cancelling any of the first 4 relays before energising one.
The buttons I would like this action on are NE SE SW NW
Maybe the NE button calls a section of code which will send B01 pause B02 pause B03 pause etc etc
Mak
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Netiom Inputs</title>
[Code].....
JQuery :: Control The Sequence In Which Commands Are Executed?
Feb 18, 2011I am a self thought web developer and am constantly having problems making sure that certain commands are finished executing before others are started. My most recent problem is trying to append a large amount of data, to a div, then sliding it down slowly. Since that data takes a while to append, the system is doing both at the same time, therefore not giving me the slide down effect. Here is the code:
$('#SomeDiv').append(data);
$('#image1').animate({"left": "+=300px","top": "-=200px"}, "slow");
$('#image2').animate({"left": "+=120px"}, "slow");
$('#Image3').animate({"top": "+=250px","left": "+=300px"}, "slow");
[Code].....
Where "SomeDiv" is part of "cpage" and "data" is a large amount of images. I would like to execute line 1 and then all the other lines simultaneously. It is currently executing all of the simultaneously.
Can Server Side Include Commands Have Javascript Ids?
Nov 14, 2006can you put an id into a server side include like you can other items using javascript?
I tried this putting the id name in the virtual address area but it doesn't work. I also tried replacing virtual with id instead still with no luck.
document.getElementById('dynstuff').src=content[newm]
<!--#include virtual="dynstuff"--><!--#include virtual id="dynstuff"-->
The error message says getElementById is null or not an object but it works fine with image ids and iframe ids. Can anyone tell me why this doesn't work?
Drawing The Letters Of The Alphabet
Jul 23, 2005I need to use javascript's graphics API to draw the letters of
the alphabet. If necessary, I can map out all 26 letters myself
and use drawline() to draw them, but I am hoping someone out
there might have a better suggestion. The user will click a spot
on the canvas, and the script will draw one of the letters at
that spot.
Line Drawing Library
Jul 23, 2005Is there a small graphics library that I can use? All I need to do is
draw a line of a nominated thickness and colour between two specified
points and to, at some later time, "delete" the line?
I've found a few offerings but either they weren't multi-browser
compatible or they were too big for me to consider (20K instead of 2 or 3K).
Javascript And PHP - Drawing Lines
Jul 31, 2002An interesting way of drawing a line interactively without the need for any plug-ins....
View 6 Replies View RelatedHow To Store Drawing On Server
Oct 6, 2009i want to let the user draw image or drawings on web page using html canvas element like stuff and then provide them to save that image or drawing on server so that next time they can get it as it was before to edit further.
View 1 Replies View RelatedDrawing On Multiple Canvas Elements?
Oct 21, 2009I'm having a problem with the <CANVAS> element in JavaScript. here's what i'm trying to do: I need 3 different canvas elements for writing a signature to. they must all 3 be visible at the same time
My problem that i'm having is that i can't seem to get the code to work which will write to more than one canvas.
[Code]...
Html5 Canvas Game Drawing?
Mar 21, 2010I am trying to create an Asteroids type game using JavaScript along with html5's canvas element for drawing. I have searched around and have looked at examples but I can't figure out what is wrong with my rendering that I do in the game loop that is run every frame. The problem appears to be only that the canvas is not cleared at the beginning of each frame but I feel there might be something wrong also. The code used and shown below only works in Firefox but not Google Chrome or Safari.
[Code]...
JQuery :: Drawing A Line And/or A Box Over A BeforeAfter Image
Nov 19, 2011We currently have a website that uses the .beforeAfter plugin to switch between two images. In addition we would like to add the possibility to draw a line and/or box using a boxer like option. All our attempts have been unsuccessful so far.
Could anyone tell us if and how it is possible to combine the .beforeAfter option with a drawing line/box one?
For curious users, here is the website we are currently working on:
[URL]
JQuery :: Create A Drawing Board In It Without Html 5?
Dec 8, 2010I want to create a drawing board in an html page were i can draw anything by dragging the mouse. and when i have done the drawing, i want to create an image of that drawing,
i found some examples doing this but so far all were using html 5, my requirement is to support most of the available browsers.
does anyone knows how i can do it.
i found one link which had what i required, [code]...
but in this the only problem is that if i drag my mouse faster, the draw line is discontinuous. i want it to be continuous free flowing colored pixels.
JQuery :: SVg Plugin - Drawing To Svg Canvas, Var Undefined?
Dec 27, 2010This is a question concerning the SVG plug in,Here is the code
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery.js"></script>[code].....
1.SVG isn't drawing the circle
2. var svg is undefined keeps popping up.
Complete An Application Drawing Of Graphs Or Bar Charts?
Oct 27, 2009I'm trying to complete an application drawing of graphs or bar charts
I'm attempting to write a script that reads five numbers between 1 and 30.
For each number read, output XHTML text that displays a line containing that number of adjacent asterisks.
This is code I've come up with so far.
<?xml version = "1.0"encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-w3cDTD XHTML 1.0 StrictEN"
"http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http:www.w3.org/1999/xhtml">
[Code].....
Drawing Application - Creating A Shape Outline From Images
Sep 30, 2009I am working on an application where the user is able to draw using square images placed using absolute positions. The user can draw any shape but it must always be connected. I now need to work out the outline of the shape they created. The only information I have is the x y of the pictures that were placed. Its driving me crazy... I tried to work out a system of looping through all the pictures and seeing if there were any images touching.
My most recent idea was to make the javascript select the images and see if I could get the coordinates of the shape from there... In simple I need a way of merging the images into a shape rather than separate entities.
Jquery :: Drawing Growing Circles Like A Darts Board
Jun 15, 2011I want to draw growing circles like a darts board and like attached picture using jQuery (I prefer) or another javascript library.
View 7 Replies View RelatedDrawing Ribbon Type Shape On Canvas Element
Oct 21, 2011I've coded in Java before but I'm still having some trouble. I am trying to draw a ribbon type shape on an <canvas> element and for some reason, when I turned it into a function, it seemed not to work. Here is what I have for drawing the ribbon with a function:
function drawRibbon(height,width,Canvas){
var c=document.getElementById(Canvas);
var cxt=c.getContext("2d");
cxt.fillStyle="#bb0044";
cxt.beginPath();
cxt.moveTo(0,0);
cxt.lineTo(0,height-50);
cxt.lineTo((width-20)/2,height-100);
cxt.lineTo((width-20),height-50);
cxt.lineTo(width-20,0);
cxt.shadowOffsetX = 5;
cxt.shadowOffsetY = 10;
cxt.shadowBlur=10;
cxt.shadowColor = "black";
cxt.fill();
cxt.shadowOffsetX = 0;
cxt.shadowOffsetY = 0;
cxt.shadowBlur=0;
cxt.closePath();
cxt.beginPath();
cxt.strokeStyle = "#ffcc22";
for (i=5;i <= 135; i=i+15){
cxt.moveTo(5,i);
cxt.lineTo(5,i+5);
cxt.stroke();
}}
drawRibbon(200,120,navCanvas);
I feel like it has something either to do with the function definition, or the call. Before this script is executed, i create a canvas in the following way:
<canvas id="navCanvas" height="200" width="120">
Why it is not displaying.
Why Won't Dashed-line Drawing Fuction Count The Dashes Correctly
Jul 2, 2009I adapted Bresenham line drawing algorithm to draw a dashed line. I want to count the number of dashes. The dashes extend from one city on a map to another city. I don't want the dashes to obscure the city marker which is a small black dot, so I added some logic to skip dashes at the start of the line and at the end of the line. But this logic is confounding my attempt to count the dashes and I haven't been able to figure out why. The function should return the number of dashes as 'count'.
View 3 Replies View RelatedAllow User To Save Image From Whiteboard Drawing Via Form Processing?
Jul 22, 2009I am trying to design a system that allows users to draw on a whiteboard with different colors, save their drawing into hidden input boxes in the form on the page, then they can click Save Logo to save it to process it through PHP. I have the whiteboard that allows them to draw, but I am lost as to how to get the thing to populate the hidden input boxes.
So, I have the following code:
<HEAD>
</HEAD>
<BODY>
[code]....
What I am trying to do is use the function mousedown(e) to include an event to update a hidden input box with the value of the TD's background color that the hidden input field is attached to, so that it can be tracked when the user hits Save Logo at the bottom of the page. When they hit Save Logo, I want the form to post to itself, go through each of the input hidden fields and capture the color for each table cell, then generate an image based on the generated array, save it to a file on the server with the user's $_SESSION['userid'] as the filename + .jpg.
The problem is, though, that I do not know how to tell JavaScript to do this in the function mousedown(e) code. Also, look in the function table_create and see if I am naming the hidden input boxes correctly; not sure if it will generate the wanted result.
Just a note: I can handle all the PHP handling of the form, I just need help with the Javascript.
Edit: I attached the entire script/page to this post because so many functions rely on each other to operate, and I'm not exactly sure which function will need to be modified to get the desired result. Also, you can copy the code to a .php file to see what it looks like (as that may assist in demonstrating exactly what I'm trying to do, visually).
Edit 2: I suppose what I need to find is how to get the JavaScript to assign a value to the hidden input field that has the same id as the TD field that it needs to be linked to.
