mbr: mit mouseover eine linie zeichnen?

Beitrag lesen

SELF-Forum

mit mouseover eine linie zeichnen?

mbr
– Informationen zu den Bewertungsregeln

Nochmal Hallo,

ich kopier einfach mal das skript:

<html>
<head>
<title></title>
<meta name="author" content="Fry">
<script type="text/javascript" src="wz_jsgraphics.js">
</script>

Dann wollen wir mal ;-)

<

hier ist das erste Problem. Weiß nicht, ob das "<" evtl. ein Copy + paste Fehler ist, aber auf jeden Fall gehört es da nicht hin.

<script type="text/javascript">
<!--

var jg_doc = new jsGraphics();

Hier den Scriptbereich zu beenden

//-->
</script>

um dann einen neuen aufzumachen ist zwar nicht falsch in dem Sinne; Aber warum sich zusätzliche Arbeit machen und mehr Code produzieren, als nötig?

<script type="text/javascript">
<!--

function myDrawFunction()
{
  jg_doc.setColor("#00ff00"); // grün
  jg_doc.fillEllipse(100, 200, 100, 180); // Koordinaten auf document bezogen
  jg_doc.setColor("maroon");
  jg_doc.drawPolyline(new Array(50, 10, 120), new Array(10, 50, 70));
  jg_doc.paint(); // zeichnet in diesem Fall direkt in's document

jg.setColor("#ff0000"); // rot
  jg.drawLine(10, 113, 220, 55); // Koordinaten auf Zeichenfläche bezogen
  jg.setColor("#0000ff"); // blau
  jg.fillRect(110, 120, 30, 60);
  jg.paint();

jg2.setColor("#0000ff"); // blau
  jg2.drawEllipse(10, 50, 30, 100);
  jg2.drawRect(400, 10, 100, 50);
  jg2.paint();
}

var jg_doc = new jsGraphics(); // direkt in's document zeichnen

//-->
</script>
</head>

Und hier fehlt jetzt eindeutig der <body>

<a href="#" onclick="myDrawFunction();return false;">Route zeichnen</a>

</body>
</html>

irgendwie läuft es einfach nicht. kann mir jemand auf die sprünge helfen, wo der fehler sich versteckt hat ????

Die drei "Probleme" sind mir jetzt so auf die Schnelle aufgefallen; Vielleicht habe ich noch etwas übersehen...

Liebe Grüße mbr

ok,ok, ganz so einfach ist es doch nicht. Ich habe das Script jetzt bei mir zum Laufen gebracht. Und es sieht so aus, als ob der Tip, den ich dir zuerst gegeben habe (Script in den head Bereich) kontraproduktiv ist. Tut mir echt leid. Also: so sieht mein Script jetzt aus: (und bei mir lokal funktioniert es...)

  
<html>  
 <head>  
 <title></title>  
 <meta name="author" content="Fry">  
 <script type="text/javascript" src="wz_jsgraphics.js"></script>  
  
 </head>  
 <body>  
  
 <div id="canvas"></div>  
  
<script type="text/javascript">  
  
 var jg_doc = new jsGraphics("canvas");  
  
 function myDrawFunction()  
 {  
   jg_doc.setColor("#00ff00"); // gruen  
   jg_doc.fillEllipse(100, 200, 100, 180); // Koordinaten auf document bezogen  
   jg_doc.setColor("maroon");  
   jg_doc.drawPolyline(new Array(50, 10, 120), new Array(10, 50, 70));  
   jg_doc.paint(); // zeichnet in diesem Fall direkt in's document  
  
  
   jg_doc.setColor("#ff0000"); // rot  
   jg_doc.drawLine(10, 113, 220, 55); // Koordinaten auf Zeichenfläche bezogen  
   jg_doc.setColor("#0000ff"); // blau  
   jg_doc.fillRect(110, 120, 30, 60);  
   jg_doc.paint();  
  
   jg_doc.setColor("#0000ff"); // blau  
   jg_doc.drawEllipse(10, 50, 30, 100);  
   jg_doc.drawRect(400, 10, 100, 50);  
   jg_doc.paint();  
  
 }  
 //-->  
 </script>  
  
 <a href="#" onclick="myDrawFunction();return false;">Route zeichnen</a>  
  
 </body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln