jQuery Forum

Hi,

Hello,
what is the best way to create reuseable jQuery Modules/Components?

Is there somewhow a way to create jQuery Modules that I can instantiate from one main js file?

How to deal with required files ? includes ? dependencies?

Hello,
I am using rCarousel in one of my recent projects.
Its application is something like the following and is stored in its own js file :

1. jQuery(function($) {
   ...
   $("#carousel").rcarousel(
       {
          ...
       });
   ...
   });

Beside that I have another file which consists of my Rich Text Editor "Class".
Something like this:

1. function RTE()
   {
         ...
          /// INIT ///
       (
           function ()
           {
             ...
           }
       )();
   }

In my main js file i instantiate it like:

1. $.getScript("includes/RTE.js", function(){
          var rte = new RTE();
   });

What is the best way to be able to exchange data between those 2 JS files?

how could i access rte instance from within the carousel or the carousel from within the RTE Function file ?







 

Hello,
I have created a site using the F3 Framework.
Now I like to improve it using AJAX style page loads where I just lod the content and without to refresh the entire page.

My first approach was just to hihjack all links and replace the current content div with the content div of the target page.
something like this:

1. $('#container').animate({opacity: 0}, duration,
               function(){   
                   $("#container").html("");
                   $('#container').load(baseurl+fragments[1]+'/'+fragments[2]+' #content').animate({opacity: 1},duration );
       });

Hello,
is it possible that I can fade in the backround of a Page once somebody loads it ?
Fading in a regular img is working well but how do I access the opacity of something like this:

background-image: url(/images/Final_C.fw.jpg);

Any idea?

Hi,
I am dynamically creating a Table with several rows and each row has 2 checkboxes

Thats how I currently add event listeners to the checkboxes:

$("#orders_table").delegate("input", "click", function(e) {
                console.log(e);
});

How can I determine which is the clicked checkbox and how to get the ID of that row?


           <tr>
                    <td >112</td> <----How to get that value ?
                    <td >John</td>
                    <td >Doe</td>
                    <td >DoelingStreet9</td>
                    <td >
                        <input name="payed" type="checkbox">
                    </td>
                    <td>
                        <input name="shipped" type="checkbox"> <--when I press for example this checkbox ?
                    </td>
            </tr>

Hello,
is there somewhere the complete working code for the tooltip example found here:
complete example code for: http://docs.jquery.com/Plugins/Authoring
?

For me its not clear what this "options" do:

 var settings = $.extend({
            'fadeInTime':1000,
            'fadeOutTime':1000
        },options);

Hello,
is there a jQuery Plugin which comes close to this one here:
http://www.liveshare.com/stream/1983086

The closest I found is:
http://www.jqueryrain.com/?3Wg6RGpl

But I am looking for a gallery where you can drag to scroll as it is possible with Liveshare.

Any suggestions, please.

Anyone knows how to disable inertia scrolling under OS X using JavaScript?
I have ceated a Carousel with Mouse Wheel support which works wonderful on Windows.
But as far as you try to cycle trough the carousel under OS X with inertia scrolling (momentum).
it gets chaotic since the Browser continiously fires events.

I tryed to block all events* after the first fired for some time but that solution did not work 100% 

Any Idea ? If not I disable the MouseWheel for OS X :)


*(something like http://james.padolsey.com/javascript/special-scroll-events-for-jquery/)

Hello,
I am looking for a solution which behaves like a wheel og fortune where you can freely scroll but that it snaps
to its items.

Such kind of behaviour could be usefull when scrolling lists so that the visual apperance is also preserved so that all List items are shown full.

Is there already something like this?

Hello,

How to make an element Click-able with the z-index:-2 ?

Hello,
how do I programatically set the souurce of an <audio> element?

I have tried it the following ways:

html:

1. <audio id='audio_core' src=""  ></audio>

js:

1. var src="mysound.ogg";
   
2. $('#audio_core').attr('src', src);
   

                 
I also have tried it like this:

html:

1. <audio id='audio_core'>
                       <source id="oggSource" type="audio/ogg" />
                       <source id="mp3Source" type="audio/mp3" />
   </audio>
   

js:

1. var src="mysound.ogg";
2. var source =$('#audio_core');
   $('#oggSource').attr('src', src).appendTo(source);       

       But none oth those approaches seam to work.

Any idea ?

Hi,
I have the following jQueryUI Slider:

html:

1.  <div id="duration">Duration: </div>
   
       <div id="slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" style="left: 0px; top: 0px; width: 325px; height: 0.4em">
           <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%;"></a>
       </div>

Hi,
I currently generating a table using PHP as the following:

1. <table   style="padding-top:20px; width:0px; position:relative ">
                           <?php foreach ($songs as $song):?>
                               <tr>
                                   <td width="36" ><input type="button" value="fav" class="fav_button"/></td>
                                   <td width="56" ><img src="<?='images/'.$song->song_icon?>.jpg" width="51" height="51"/></td>
                                   <td width="246" > <?=$song->song_name?></td>
                                   <td width="379" > <?=$song->artist_name?> </td>
                                   <td width="379" style="display:none" > <?=$song->teaser?></td>
                                   <td width="40" > <input type="button" value="cart" class="cart_button"/></td>
                                   <td width="40" > <input type="button" value="play" class="play_button"/></td>
                                   <td width="40"  > <?=$song->price?> </td>
                               </tr>
                           <?php endforeach;?>
                       </table>