 [SVG][JS] Jak odświeżyć podgląd pliku? |
| [SVG][JS] Jak odświeżyć podgląd pliku? |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 37 Pomógł: 0 Dołączył: 5.01.2009 Ostrzeżenie: (0%) 
 |
Witam.
Mam taki problem: Dodaję do definicji path w defs taki kod JS:
Lecz po najechaniu myszą nic się nie dzieje. W Google Chrome zmiany widać dopiero gdy przez podgląd źródła kliknę na obiekt którego zmiana dotyczyła a w FF w ogóle nie widać zmiany. Ktoś wie jak odświeżyć wygląd używając JS'a? Z góry dziękuję za odpowiedź i pozdrawiam tlaguz |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 1 332 Pomógł: 294 Dołączył: 12.10.2008 Skąd: Olkusz Ostrzeżenie: (0%)
|
Cytat(tlaguz @ 1.02.2010, 21:45:50 )  W Google Chrome zmiany widać dopiero gdy przez podgląd źródła kliknę na obiekt którego zmiana dotyczyła a w FF w ogóle nie widać zmiany. co to wogóle za metoda correspondingElement o.O wejdź operą lub mozillą z firebugiem (po to żeby przeedytować szybko źródło strony - gdyż nie będę tu emulował odpowiednich nagłówków ;p) na stronę: https://developer.mozilla.org/presentations...vas/SVGDemo.xml, w operze kliknij źródło i podmienisz całe, w firebugu daj podgląd i podmień body - i źródło poniżej (najedź myszką na ten duuuży biały "trójkąt") - poszukaj u siebie błędów (IMG:style_emoticons/default/winksmiley.jpg) : Kod <html xmlns="http://www.w3.org/1999/xhtml">
<head> <title>XTech SVG Demo</title> <style> stop.begin { stop-color:yellow; } stop.end { stop-color:green; } body.invalid stop.end { stop-color:red; } #err { display:none; } #ff{fill:white;stroke:red;stroke-width:4;} body.invalid #err { display:inline; } </style> <script> function signalError() { document.getElementById('body'). setAttribute("class", "invalid"); } </script> </head> <body id="body" style="position:absolute; z-index:0; border:1px solid black; left:5%; top:5%; width:90%; height:90%;"> <form> <fieldset> <legend>HTML Form</legend> <p><label>Enter something:</label> <input type="text"/> <span id="err">Incorrect value!</span></p> <p><button onclick="signalError();">Activate!</button></p> </fieldset> </form> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice" style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;"> <linearGradient id="gradient"> <stop class="begin" offset="0%"/> <stop class="end" offset="100%"/> </linearGradient> <rect x="0" y="0" width="100" height="100" style="fill:url(#gradient)" /> <circle cx="50" cy="50" r="30" style="fill:url(#gradient);" /> <path id="ff" d="M25,15L15,35 35,35 Z"/> <path d="M50,80 L90,100 75,35 Z" style="fill: white;" onmouseover="this.setAttribute('style','fill: #FF0000;');"/> </svg> </body> </html> |
|
|
|
tlaguz [SVG][JS] Jak odświeżyć podgląd pliku? 1.02.2010, 21:45:50 
acainoks Witam proponuje ci zajrzeć na stronę raphaeljs.com... 2.02.2010, 16:10:21 tlaguz Dzięki za odpowiedzi.
No więc tak. W FF działa mi... 2.02.2010, 22:02:45 zegarek84 chrome nie mam - w necie w większości przykładów u... 2.02.2010, 22:34:00 
tlaguz Strona którą podałeś działa pod Chrome, ale gdy pr... 3.02.2010, 12:00:11  |
|
Aktualny czas: 13.10.2025 - 22:45 |
