få flashknapp att fungera med javascript? (jQuery)

Permalänk
Medlem

få flashknapp att fungera med javascript? (jQuery)

Tjena!

har skapat en animerad meny i flash som icke vill funka med ett js script (jQuery)

javascript;

jQuery(document).ready(function(){ jQuery('#nav a[href*="#"]').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var $target = jQuery(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']'); if ($target.length) { var targetOffset = $target.offset().top; jQuery('html,body') .animate({scrollTop: targetOffset}, 1000); return false; } } }); });

Det koden gör är att den scrollar mjukt och automatiskt till olika DIV containers när man trycker på de olika knapparna i menyn. Det funkar alltså om man bara gör en "vanlig" textknapp med a href.

Så här såg HTML knapparna ut;

<ul id="nav"> <li><a href="#home-page" title="Home page">home</a></li> <li><a href="#about-page" title="about">about</a></li> <li><a href="#random-page" title="random">random</a></li> <li><a href="#other-page" title="other">other</a></li> </ul>

Och vid respektive DIV container finns koden så att javascriptet fattar hur långt/vart den ska scrolla till;

<a id="home-page"></a>

osv.

Flashfilen ser ut som så att det är ett stort object med en animerad meny samt knappar där jag lagt på ett väldigt simpelt actionscript på varje knapp;

on (release) { getURL("#home-page", "_self"); }

Men jag får inte knappjävlarna att funka?

Vad gör jag för fel? :'(

Permalänk
Medlem

är det ingen som kan hjälpa mig lösa problemet? :/

Permalänk
Medlem

Ditt skript försöker ändra i DOM, men dina flashknappar ligger inte i DOM (de är ju flash-knappar). Jag rekommenderar f.ö. starkt att du inte baserar din navigation på flash, eftersom du då stänger ute besökare.

Permalänk
Medlem
Skrivet av You:

Ditt skript försöker ändra i DOM, men dina flashknappar ligger inte i DOM (de är ju flash-knappar). Jag rekommenderar f.ö. starkt att du inte baserar din navigation på flash, eftersom du då stänger ute besökare.

Okej,
Vad skall jag använda för något för att få min bild att bli animerad på "två olika sätt" ?

Jag vill alltså ha menyn animerad så att en del av bilden flyter runt medans en annan del av bilden är animerad på ett annat sätt t.ex som ett moln som flyger omkring och på det molnet sitter en flagga vars tyg svajar.

Några tips på hur jag ska uppnå det utan att använda flash?

Permalänk
Medlem
Skrivet av Brallan:

Okej,
Vad skall jag använda för något för att få min bild att bli animerad på "två olika sätt" ?

Jag vill alltså ha menyn animerad så att en del av bilden flyter runt medans en annan del av bilden är animerad på ett annat sätt t.ex som ett moln som flyger omkring och på det molnet sitter en flagga vars tyg svajar.

Några tips på hur jag ska uppnå det utan att använda flash?

<canvas> kan göra detta. Har dock inte fullt stöd i alla webbläsare.

Använd flash om du vill, men du ska vara medveten om att det 1) gör så att du inte kan använda jQuery för att "hooka" smoothscroll och annat till din meny och 2) stänger ute alla som inte har flash. Problem 2 kan du lösa genom att ha en statisk bild med textmeny som du sedan ersätter med flash m.h.a. swfObject.

Permalänk
Medlem

Som You så riktigt påpekar ligger inte Flash knapparna i sig i DOM.

Vilket gör att dom inte kan få någon javascript event listner associerad till sig.

Detta event behöver du kunna påverka för att få saker i DOM att hända så som förflyttningar du beskriver.

Med andra ord skulle jag ta en titt på vad jQuery framework kan erbjuda för att lättare jobba med JavaScript.

Lycka till.

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.