Circle Tracing

Feb 25, 2006

I am trying to create a circle with different images.

var j = 0;
var degree30 = Math.PI/6;
var r_angle = 0;

function rotate(idy){
var x = parseInt(Math.cos(r_angle)*100);
var y = parseInt(Math.sin(r_angle)*100);

document.getElementById(idy).style.left = (x + 300);
document.getElementById(idy).style.top = (y + 186);
j++;
(r_angle < degree30 * 11) ? r_angle = degree30 * j : r_angle = 0;

( j < 12) ? setTimeout("rotate('reduit'+ j)", 400) : stop();
}

View 9 Replies


ADVERTISEMENT

JQuery :: Plugin For Tracing The Error?

Jun 27, 2011

Is there any plugin for tracing the Jquery error where exactly it occurs ?i.e line number etc

View 2 Replies View Related

Circle All The ChildNodes

May 20, 2005

I wanna get all the text nodes of the children of an element. The goal is to get an array with all the textNodes in each cell of a table, without any other nodes that might ocure whithin that cell (<p>, <br> etc...)

I mean if:
<td>12</td>
<td>1<p>23<b>34</b>5</p>6</td>
I need:
var txt = new Array()
txt[0] = &#3912;'
txt[1] = ?'

Now I had to circle through all the childNodes to extract all the text nodes. I have build a function, but something is wrong in the code, and I don't sense what. I need soime fresh eyes, any ideeas? Where's the mistake?:

<script type="text/javascript">
function checkCell(){
var allC = document.getElementById('tab').getElementsByTagName('td');//cells' collection
var txt = new Array()
for(var i=0;i<allC.length;i++){
txt[i]=''
while(allC[i].hasChildNodes()){
var chC = allC[i].childNodes;
for(var j=0;j<chC.length;j++){
if(chC[j].nodeType==3){
txt[i]+=chC[j].data;
}
}
allC[i]=allC[i].childNodes;
}
}
alert(txt[1])
}
onload=checkCell;
</script>

View 8 Replies View Related

Svg Circle With Fixed Radius

May 13, 2006

Anyone know how to make an svg circle radius fixed (i.e. not affected
by transforms)? I tried adding px or cm, e.g. r=&#3915;px' but it just
generates an error.

View 3 Replies View Related

Rotating Circle Text

Jun 9, 2006

I want place custom text rotating around analogue clock.
Here is javascript that is clise to my task:

http://javascript.internet.com/time...trailclock.html

But it have a few unnecessary features which is difficult to alter.

i want:
1. replace week/year/days in external circle with my custom text: 'My
custom text'
2. I want to reduce a little rotation speed of this text. (no mouse
reaction speed)
3. I do not need mouse trail effect at all, i want fix clock in
required place.

There is another script, but it have no rotating text wheel around
clock:
http://www.dynamicdrive.com/dynamicindex6/analog.htm

Which from this scripts is more easy to adjust for my task and could
someone show me exact code?

View 2 Replies View Related

Making Circle Without Any Images.

Jun 8, 2006

I can make a rectangle without an image by using table. Can I make a circle without an image with your help?

View 6 Replies View Related

JQuery :: Canceling A Circle Callback?

Mar 2, 2010

quick example:

function endless(){
$("element").animate({left: '-=100'}, 1500);
$("element").slideToggle(500);

[code]....

View 4 Replies View Related

JQuery :: Move A Circle From One Row And Insert It Into Another?

Mar 5, 2011

I currently create a grid of svg circles made up of rows. I can animate a circle from one row moving into another row, sorted by some attribute value. But when I use a selector to fetch all circles within a row I get them ordered by when they were added to the underlying DOM.

Is there a way, if I created a group for each row, that when I move a circle from one row and insert it into another I actually remove the svg object from one group and insert in into the other so that it's correctly positioned in the underlying DOM?

View 4 Replies View Related

Positioning DIV At Point Containing White Circle

Jul 20, 2010

I've created a page with an image of a man where a user is able to click on an area and a div is positioned at that point containing a white circle. This code works in all browsers except IE 6 where it creates a duplicate white circle beneath the one which is placed in the correct location. How to get rid of this second circle? The circle is essentially a div with a background image assigned.

Code:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ImageClick.aspx.vb" Inherits="ImageClick" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]" >
<head runat="server">
<title>Image Click</title>
<script type="text/javascript" language="javascript" src="JQuery.js"></script>
<script language="javascript" type="text/javascript">
window.onload = Init .....

View 5 Replies View Related

HTML5 Canvas - Fill Divided Circle

May 27, 2011

Picture:
Doing in html5 canvas, so JavaScript (was not sure where to post, but here I go...). Above is a link to picture that I need to do. It is clock-like. I will have to draw a circle, and two lines, from centre to according points on circle. That is not a problem, the thing I can not do is to fill upper and lower parts of circle that those two lines divide, so upper part of a circle should be e.g. red, and lower blue. (Plus, it would have to bi gradient, to look more appealing).

View 1 Replies View Related

JQuery :: AddClass Function On A SVG Circle Doesn't Work

Oct 7, 2010

i have the following test code in my html page

<div id="drawingArea">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="700" height="400"> <circle id="example" cx="335.4999" cy="234.38927" r="8" style="cursor: move;" fill-opacity="0.1"></circle> </svg></div>

[Code].....

Iam using Raphael and add the same question in their google group too, but they said, its jquery specific. I think, jquery doesnt found my circle. Maybe different id - handling between SVG-specific and plain DOM elements?

View 3 Replies View Related

Rotating Menu - Making The Links In The Back Of The Circle

Feb 11, 2011

I came up with the idea of making the links in the back of the circle (i've got a total of 10 links), invisible and put a globe in the middle (as background) - making it look like the links in the back go behind the globe and comes back from behind it again. I've tried to do this myself with .this.style.invisibility="hidden";

[Code]...

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved