ugrás a tartalomhoz

Javasript fájl készítés

kalikim · 2010. Ápr. 14. (Sze), 10.16
Sziasztok!

Egy Javascript fájlt szeretnék készíteni, de sehogyan sem jön össze. A honlapomon van egy kis galéria, melynek van egy javascript része ami így néz ki:
  1. <script type="text/javascript">   
  2. $(document).ready(function(){  
  3.   
  4. //Larger thumbnail preview   
  5.   
  6. $("ul.thumb li").hover(function() {  
  7.     $(this).css({'z-index' : '10'});  
  8.     $(this).find('img').addClass("hover").stop()  
  9.         .animate({  
  10.             marginTop: '-100px',   
  11.             marginLeft: '-100px',   
  12.             top: '50%',   
  13.             left: '50%',   
  14.             width: '150px',   
  15.             height: '150px',  
  16.             padding: '20px'   
  17.         }, 200);  
  18.       
  19.     } , function() {  
  20.     $(this).css({'z-index' : '0'});  
  21.     $(this).find('img').removeClass("hover").stop()  
  22.         .animate({  
  23.             marginTop: '0',   
  24.             marginLeft: '0',  
  25.             top: '0',   
  26.             left: '0',   
  27.             width: '90px',   
  28.             height: '90px',   
  29.             padding: '5px'  
  30.         }, 400);  
  31. });  
  32.   
  33. //Swap Image on Click  
  34.     $("ul.thumb li a").click(function() {  
  35.           
  36.         var mainImage = $(this).attr("href"); //Find Image Name  
  37.         $("#main_view img").attr({ src: mainImage });  
  38.         return false;         
  39.     });  
  40.    
  41. });  
  42. </script>   
Ezt szeretném egy gallery.js fájlba menteni, amit utána egyszerűen csak így hívok majd be:
  1. <script type="text/javascript" language="javascript" src="gallery.js"></script>  
Az lenne a kérdésem, hogy hogyan tudom ezt megcsinálni? A választ előre is köszönöm.
‹ pozicionálás CKEditor és Java file browser/uppload ›
 ■
1

Script tag-ek

Kevlar · 2010. Ápr. 14. (Sze), 13.37
A nyitó és záró script tag biztosan nem kell, ha külön file-ba mented.
2

Script tag-ek

kalikim · 2010. Ápr. 14. (Sze), 13.43
Az az igazság, hogy már megpróbáltam így menteni a js fájlt, de sajnos úgy sem működik a dolog. :(
3

Tény

Kevlar · 2010. Ápr. 14. (Sze), 13.51
Mindenesetre tény, hogy a <script> egy HTML tag, nem szabad így beletenni egy JS file-ba.
És ez nem natív Javascript kód, hanem jQuery, így még ez ELŐTT be kell töltened a jQuery függvénykönvtárat is.
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
4

Nagyon köszönöm!

kalikim · 2010. Ápr. 14. (Sze), 14.09
Ez volt a hiba. Köszönöm a segítséget! :)
5

Lenne még egy kérdésem

kalikim · 2010. Ápr. 15. (Cs), 14.38
Van még egy másik js fájlom, amiben van egy kis szöveg. Hogyan tudnám beállítani azt, hogy a szövegben lévő ékezetes betűk is megjelenjenek? A választ előre is köszönöm.
Erről a js fájlról van szó:
  1. $(function() {  
  2.   
  3. // setup player  
  4. $f("player", "flowplayer-3.1.5.swf", {  
  5.   
  6. clip: {baseUrl: ''},  
  7.   
  8. plugins:  {   
  9.         controls: {   
  10.                
  11.             // tooltips configuration   
  12.             tooltips: {   
  13.                    
  14.                 // enable english tooltips on all buttons   
  15.                 buttons: true,   
  16.                    
  17.                 // customized texts for buttons   
  18.                 play: 'Lejátszás',   
  19.                 pause: 'Szünet',   
  20.         mute:'Hangos',  
  21.         unmute:'Néma',  
  22.                 fullscreen: 'Nagy képernyő',  
  23.         fullscreenExit:'Normál képernyő'      
  24.               
  25.             },   
  26.                
  27.             // custom colors   
  28.             backgroundColor: '#f37b20',  
  29.             bufferColor: '#333333',   
  30.             progressColor: '#cc0000',               
  31.             buttonColor: '#333333',   
  32.             buttonOverColor: '#666666',  
  33.             timeColor: '#ff0000',  
  34.               
  35.             // background color for all tooltips   
  36.             tooltipColor: '#112233',   
  37.                
  38.             // text color   
  39.             tooltipTextColor: 'ffffff',    
  40.               
  41.             // setup auto hide   
  42.             autoHide: 'always',               
  43.                
  44.             // a little more styling                
  45.             width: '98%',    
  46.             bottom: 5,   
  47.             left: '50%',   
  48.             borderRadius: 15,   
  49.             },  
  50. },    
  51.           
  52. // playlist plugin  
  53. }).playlist("#playlist");  
  54.   
  55. });  
6

Hol nem jelenik meg?

Poetro · 2010. Ápr. 15. (Cs), 15.44
Ha a HTML részben, akkor illik mindkettőben UTF-8 kódolást használni. Ha a Flowplayer-ről van szó, akkor is UTF-8-at kell használni, viszont ekkor a Flowplayerben használt betűtípusnak is támogatnia kell az ékezetes betűket. Jó lenne link, mert így nehéz megmondani hol a hiba, főleg mivel látszik nem állsz túlságosan a helyzet magaslatán.
7

Tányleg nem vagyok túl penge a témában

kalikim · 2010. Ápr. 15. (Cs), 15.51
Tehát az oldalt itt tudod elérni. Jelenleg ASCII kódokkal helyettesítettem az ékezetes betűket a flowplayer.js-ben. Előre is köszönöm a segítséget.