hi,

i found out whats triggering  the error.
the problem is the pathname provided for the images.
firefox is dealing with ../../pathtoimg

but i.e. is taking hostname plus path. so the if condition fails at
this point.
i'll show you my approach to solve this issue as soon as i have a
solution


On 26 Aug., 17:00, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]>
wrote:
> Hi guys,
> I'm very confused because i had a solution working properly on both
> browsers ( firefox3. i.e.6/7).
> But suddenly its not working anylonger and i dont see why.
>
> I have some widgets in my page which can be toggled..
>
> this is the html code for one of these widgets
>
>                 <div id="searchBox">
>                         <div class="moduleHead">
>                                 <div class="moduleTitle">Search</div>
>                                 <!-- module Options generated by jquery-->
>                                 </div>
>                                 <div class="moduleContent">
>                                         <div class="moduleSearch">
> content .....
>                                         <div class="annotation">here you can 
> search for available VM's</
> div>
>                                 </div>
>                         </div>
>                 </div>
>
> the corresponding jquery
>
> $(document).ready(function(){
>
> var imgDir = '/images/';
>
> options = '<div class="moduleOptions" style="display:none;">'
>                 + '<div class="expand" ><img class="toggleImage" src="'
>                 + imgDir
>                 + 'minus.gif"/></div>'
>
> $('.moduleHead').append(options);
>
> $('.moduleHead').hover(function(){
>         var     moduleOptions = $(this).children('.moduleOptions');
>                                                                               
>                   $(moduleOptions).show();
>                                                                               
>                   $(this).addClass('over');
>                                                                         
> },function(){
>                                                                               
>                   $(this).removeClass('over');
>                                                                               
>                   $('#moduleBar * .moduleOptions').hide();
>                                                                               
>           });
>
> $('.toggleImage').click(function(){
>         $(this).parents('.moduleHead').next('div').slideToggle('fast');
>                                         if($(this).attr('src') == imgDir + 
> 'minus.gif') {
>                                         $(this).attr('src', imgDir + 
> 'plus.gif')
>                                   } else {
>                                         $(this).attr('src', imgDir + 
> 'minus.gif')
>                                   }
>
> });
>
> Now the problem is that the image is not toggled on the first time.
> And its flashing one time before the widget collapses. In Firefox the
> minus image is swaped immediately on the click function how it is
> desired and no flashing of the div before it disappears.
> The problem occurs only in i.e.
> I really hope that i described the problem coherent.
>
> I appreciate your help.
> thanks in advance...
> kind regards

Reply via email to