[GastForen Programmierung/Entwicklung JavaScript Kompassnadel mit javascript?

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Kompassnadel mit javascript?

whitelady
Beiträge gesamt: 338

19. Mär 2005, 11:01
Beitrag # 1 von 8
Bewertung:
(45602 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich habe mich gefragt, ob es eigentlich möglich ist, mit javascript eine Kompassnadel zu steuern – so daß die Nadelspitze dahin zeigt, wo die Maus ist? Bin nicht so der javascript-Freak, aber ich hätte sowas gern für meine Webseite als Navi, und Flash würd ich gerne umgehen... Danke schonmal!

Viele Grüße
Nadine
---
"They misunderestimated me." George W. Bush
X

Kompassnadel mit javascript?

oesi50
  
Beiträge gesamt: 2315

19. Mär 2005, 12:28
Beitrag # 2 von 8
Beitrag ID: #153763
Bewertung:
(45566 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
ja, das kannst du machen.

Dazu gibt es natürlich, wie immer, mehrere Möglichkeiten.


1.
Du nimmst eine Imagemap, die in die jeweiligen Sektoren eingeteilt ist, und lädst mit onmouseover ein jeweils passendes animiertes GIF-Bild.

2.
Du bist gut in Mathe(Trigonometrie) und verschiebst jeweils die Kompassnadel mit Hilfe einer Javascriptberechnung.

Die aktuellen Koordinaten der Maus kann man so auslesen:

<BODY>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript"><!--
document.onmousemove = mwatch;
if (document.captureEvents) document.captureEvents(Event.MOUSEMOVE);
function mwatch(e){
if (!e) var e = window.event;
f.x.value=e.screenX;
f.y.value=e.screenY;
}
//-->
</SCRIPT>
<form name="f">
<br>X:<input name="x">
<br>Y:<input name="y">
</BODY>

Bestimm gibts noch andere Lösungen, aber die beiden sind mir jetzt so eingefallen.


Grüße Oesi
Ich weiß, dass ich nichts weiß... (Sokrates)


als Antwort auf: [#153758]
(Dieser Beitrag wurde von oesi50 am 19. Mär 2005, 12:29 geändert)

Kompassnadel mit javascript?

oesi50
  
Beiträge gesamt: 2315

19. Mär 2005, 16:49
Beitrag # 3 von 8
Beitrag ID: #153792
Bewertung:
(45566 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hier ist noch schnell ein Beispiel für Variante 1.

http://vsrv.de/...pass/kompassmap.html


Grüße Oesi
Ich weiß, dass ich nichts weiß... (Sokrates)


als Antwort auf: [#153758]

Kompassnadel mit javascript?

whitelady
Beiträge gesamt: 338

20. Mär 2005, 14:53
Beitrag # 4 von 8
Beitrag ID: #153924
Bewertung:
(45566 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo oesi,

erstmal vielen Dank für deine Hilfe!
Möglichkeit 1) muß ich mal prüfen, ob das so für mich klappt. Möglichkeit 2) ist leider so ne Sache, denn da hapert´s mit der Trigonometrie! ;-) Bei 1) ist es halt so, daß "mein" Kompass etwas zu groß werden könnte. Der Kompass unter dem Link, den du geschickt hast, ist ja recht einfach gestrickt. Meiner sollte dann eher so aussehen:
http://www.whitelady.de/...whitelady/index.html
Das Hintergrundbild ist schon ziemlich groß für Leute mit Modems, und wenn ich die einzelnen Bereiche des Kompass preloaden lasse, hab ich Bedenken, daß die armen Modem-Leutchen sich schwarz warten... aber ich werd mal schauen, vielleicht bekomm ich das ja hin irgendwie...

Viele Grüße
Nadine
---
"They misunderestimated me." George W. Bush


als Antwort auf: [#153758]

Kompassnadel mit javascript?

oesi50
  
Beiträge gesamt: 2315

20. Mär 2005, 15:14
Beitrag # 5 von 8
Beitrag ID: #153926
Bewertung:
(45566 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Du brauchst doch nur 6 Nadel-Bilder, die jeweils beim Darüberfahren mit der Maus geladen werden müssen.
Da ein Nadel-Bild gerade mal 854 Byte(0,83KB) benötigt, dürfte das kein Problem sein.


Grüße Oesi
Ich weiß, dass ich nichts weiß... (Sokrates)


als Antwort auf: [#153758]
(Dieser Beitrag wurde von oesi50 am 20. Mär 2005, 15:14 geändert)

Kompassnadel mit javascript?

Anonym
Beiträge gesamt: 22827

20. Mär 2005, 19:07
Beitrag # 6 von 8
Beitrag ID: #153952
Bewertung:
(45566 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo oesi,
stimmt – wenn man den Kompass so macht, wie bei deinem Beispiel. Meine Wunschvorstellung wäre, daß die Kompassnadel sich auch dann bewegt, wenn man sich über den Navi-Links befindet. Dann müsste ich den ganzen Kompass neu laden, oder zumindest einen größeren Teil davon. Vielleicht denke ich auch gerade zu kompliziert?


als Antwort auf: [#153758]

Kompassnadel mit javascript?

oesi50
  
Beiträge gesamt: 2315

20. Mär 2005, 19:16
Beitrag # 7 von 8
Beitrag ID: #153954
Bewertung:
(45566 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
> Dann müsste ich den ganzen Kompass neu laden, oder zumindest einen größeren Teil davon



> Vielleicht denke ich auch gerade zu kompliziert?

jo


Lege eine Imagemap auf den Kompass, und wechsle nur die Nadelbilder.
Das Nadelbild bei dir ist doch schon einzeln.

hier muss die Imagemap drauf:
http://www.whitelady.de/...ial/wald/kompass.jpg




Grüße Oesi
Ich weiß, dass ich nichts weiß... (Sokrates)


als Antwort auf: [#153758]
(Dieser Beitrag wurde von oesi50 am 20. Mär 2005, 19:20 geändert)

Kompassnadel mit javascript?

whitelady
Beiträge gesamt: 338

20. Mär 2005, 23:16
Beitrag # 8 von 8
Beitrag ID: #153988
Bewertung:
(45566 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Bingo!!!

Vielen, vielen Dank!!!!!

Viele Grüße
Nadine
---
"They misunderestimated me." George W. Bush


als Antwort auf: [#153758]
X

Aktuell

InDesign / Illustrator
MTT_300x300_11_2022

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
17.04.2024

Online
Mittwoch, 17. Apr. 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!