Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Hello and welcome to Raphael!</p> <p>I have been looking at Raphael for more than a few months and although the documentation is not very comprehensive the software is brilliant.</p> <p>I have been mixing Divs with Raphael objects in many ways and have got a "feel" for what works and what does not work.</p> <p>I am recommending that you do not try rotating divs but (instead) Raphael objects.</p> <p>First of all you could make a shiney set of Raphael buttons using this "tweakable" code below..</p> <pre class="lang-js prettyprint-override"><code>var bcontrols = new Array(); var yheight = 300; for (var i = 0; i &lt; 3; i++) { bcontrols[i] = paper.circle(15 + (35 * i), yheight, 15).attr({ fill: "r(.5,.9)#39c-#036", stroke: "none" }); bcontrols[i].shine = paper.ellipse(15 + (35 * i), yheight, 14, 14).attr({ fill: "r(.5,.1)#ccc-#ccc", stroke: "none", opacity: 0 }); bcontrols[i].index = i; bcontrols[i].shine.index = i; bcontrols[i].shine.mouseover(function (e) { this.insertBefore(bcontrols[this.index]); }); bcontrols[i].mouseout(function () { this.insertBefore(bcontrols[this.index].shine); }); /* Called from Raphael buttons */ bcontrols[i].click(function () { alert("Hello you just clicked " + this.index); }); } </code></pre> <p>Next you need to know more about rotating Sets:</p> <pre class="lang-js prettyprint-override"><code>var s = paper.set(); s.push(paper.rect(10, 10, 30, 30, 10).attr({fill:'red'})); s.push(paper.rect(50, 10, 30, 30, 5).attr({fill:'blue'})); s.push(paper.rect(90, 10, 30, 30).attr({fill:'orange'})); s.animate({rotation: "360 65 25"}, 2000); </code></pre> <p>This shows the degree of rotation and the centre of rotation of the "set" on the last line.</p> <p>My additional Raphael resources website which aims to supplement documentation (Amongst other things):</p> <p><a href="http://www.irunmywebsite.com/raphael/raphaelsource.html" rel="nofollow noreferrer">http://www.irunmywebsite.com/raphael/raphaelsource.html</a></p> <p>Heres where you can run the above 2 code examples without alteration:</p> <p><a href="http://raphaeljs.com/playground.html" rel="nofollow noreferrer">http://raphaeljs.com/playground.html</a></p> <p>I'm hoping this helped...</p>
    singulars
    1. This table or related slice is empty.
    1. POHow do I rotate a div with Raphael.js?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USpatrick
    1. USChasbeen
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHow do I rotate a div with Raphael.js?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThanks for your input, but I need to rotate a div that contains an image and other info, can all this become a Raphael object? The content needs to be dynamic because the site will constantly be updated. I basically want to do exactly what's in the rotating image example http://raphaeljs.com/image-rotation.html but with a div and it's contents. Do you see? Thanks again
      singulars
      1. PO
      1. USZander
    2. COZander, there are ways to rotate a DIV to any particular angle but they are not cross-browser. If it were me I'd use Raphael Objects. The only thing I could not do is have an angled text but I don't think there's any demand for those. There are 10's of examples on my site at: http://www.irunmywebsite.com/raphael/raphaelsource.html and a syntax generator there also..
      singulars
      1. PO
      1. USChasbeen
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload