Foros del Web » Programando para Internet » Javascript »

javascript (NO FUNCIONA EN IE)

Estas en el tema de javascript (NO FUNCIONA EN IE) en el foro de Javascript en Foros del Web. Ayuda por favor!!!! me estoy poniendo loco con esto en el IE porque no me funciona y en el resto de los navegadores si que ...
  #1 (permalink)  
Antiguo 28/10/2011, 04:36
 
Fecha de Ingreso: octubre-2011
Mensajes: 25
Antigüedad: 12 años, 6 meses
Puntos: 0
javascript (NO FUNCIONA EN IE)

Ayuda por favor!!!! me estoy poniendo loco con esto en el IE porque no me funciona y en el resto de los navegadores si que me funciona perfectamente.

Código Javascript:
Ver original
  1. var purchased=new Array();
  2. var totalprice=0;
  3.  
  4. $(document).ready(function(){
  5.    
  6.     $('.product').simpletip({
  7.        
  8.         offset:[40,0],
  9.         content:'<img src="img/ajax_load.gif" alt="loading" style="margin:10px;" />',
  10.         onShow: function(){
  11.            
  12.             var param = this.getParent().find('img').attr('src');
  13.            
  14.             if($.browser.msie && $.browser.version=='6.0')
  15.             {
  16.                 param = this.getParent().find('img').attr('style').match(/src=\"([^\"]+)\"/);
  17.                 param = param[1];
  18.             }
  19.            
  20.             this.load('ajax/tips.php',{img:param});
  21.         }
  22.  
  23.     });
  24.    
  25.     $(".product img").draggable({
  26.    
  27.     containment: 'document',
  28.     opacity: 0.6,
  29.     revert: 'invalid',
  30.     helper: 'clone',
  31.     zIndex: 100
  32.    
  33.     });
  34.  
  35.     $("div.content.drop-here").droppable({
  36.    
  37.             drop:
  38.                     function(e, ui)
  39.                     {
  40.                         var param = $(ui.draggable).attr('src');
  41.                        
  42.                         if($.browser.msie && $.browser.version=='6.0')
  43.                         {
  44.                             param = $(ui.draggable).attr('style').match(/src=\"([^\"]+)\"/);
  45.                             param = param[1];
  46.                         }
  47.  
  48.                         addlist(param);
  49.                     }
  50.    
  51.     });
  52.  
  53. });
  54.  
  55.  
  56. function addlist(param)
  57. {
  58.     $.ajax({
  59.     type: "POST",
  60.     url: "ajax/addtocart.php",
  61.     data: 'img='+encodeURIComponent(param),
  62.     dataType: 'json',
  63.     beforeSend: function(x){$('#ajax-loader').css('visibility','visible');},
  64.     success: function(msg){
  65.        
  66.         $('#ajax-loader').css('visibility','hidden');
  67.         if(parseInt(msg.status)!=1)
  68.         {
  69.             return false;
  70.         }
  71.         else
  72.         {
  73.             var check=false;
  74.             var cnt = false;
  75.            
  76.             for(var i=0; i<purchased.length;i++)
  77.             {
  78.                 if(purchased[i].id==msg.id)
  79.                 {
  80.                     check=true;
  81.                     cnt=purchased[i].cnt;
  82.                    
  83.                     break;
  84.                 }
  85.             }
  86.            
  87.             if(!cnt)
  88.                 $('#item-list').append(msg.txt);
  89.                
  90.             if(!check)
  91.             {
  92.                 purchased.push({id:msg.id,cnt:1,price:msg.price});
  93.             }
  94.             else
  95.             {
  96.                 if(cnt>=3) return false;
  97.                
  98.                 purchased[i].cnt++;
  99.                 $('#'+msg.id+'_cnt').val(purchased[i].cnt);
  100.             }
  101.            
  102.             totalprice+=msg.price;
  103.             update_total();
  104.  
  105.         }
  106.        
  107.         $('.tooltip').hide();
  108.    
  109.     }
  110.     });
  111. }
  112.  
  113. function findpos(id)
  114. {
  115.     for(var i=0; i<purchased.length;i++)
  116.     {
  117.         if(purchased[i].id==id)
  118.             return i;
  119.     }
  120.    
  121.     return false;
  122. }
  123.  
  124. function remove(id)
  125. {
  126.     var i=findpos(id);
  127.  
  128.     totalprice-=purchased[i].price*purchased[i].cnt;
  129.     purchased[i].cnt = 0;
  130.  
  131.     $('#table_'+id).remove();
  132.     update_total();
  133. }
  134.  
  135. function change(id)
  136. {
  137.     var i=findpos(id);
  138.    
  139.     totalprice+=(parseInt($('#'+id+'_cnt').val())-purchased[i].cnt)*purchased[i].price;
  140.    
  141.     purchased[i].cnt=parseInt($('#'+id+'_cnt').val());
  142.     update_total();
  143. }
  144.  
  145. function update_total()
  146. {
  147.     if(totalprice)
  148.     {
  149.         $('#total').html('total: $'+totalprice);
  150.         $('a.button').css('display','block');
  151.     }
  152.     else
  153.     {
  154.         $('#total').html('');
  155.         $('a.button').hide();
  156.     }
  157. }
  #2 (permalink)  
Antiguo 28/10/2011, 05:09
 
Fecha de Ingreso: octubre-2011
Mensajes: 25
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: javascript (NO FUNCIONA EN IE)

es para una tienda que estoy realizando y el problema que tengo con el IE es que la funcion que debe realizar no me funciona y consiste en selecionar la imagen del producto arrastrarlo hasta el carrito de la compra y nada esto no me funciona en el IE solo estan las images pero no puedo arrastrarla hasta el carrito de la compra. ¿Que puedo hacer para que me funcione en el IE ?
  #3 (permalink)  
Antiguo 28/10/2011, 06:05
 
Fecha de Ingreso: octubre-2011
Mensajes: 25
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: javascript (NO FUNCIONA EN IE)

esta es la parte del html de la tienda.

Código HTML:
Ver original
  1. <?php
  2. define('INCLUDE_CHECK',1);
  3. require "connect.php";
  4. ?>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  7. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  8. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
  9. <script type="text/javascript" src="simpletip/jquery.simpletip-1.3.1.pack.js"></script>
  10. <script type="text/javascript" src="script.js"></script>
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  12. <title>Tienda Salhadas</title>
  13. <link rel="stylesheet" type="text/css" href="salhadas1.css" />
  14. <style type="text/css">
  15.     .pngfix { behavior: url(pngfix/iepngfix.htc);}
  16.     .tooltip{width:200px;};
  17. </head>
  18.  
  19.  
  20. <div id="main-container">
  21.  
  22.     <div class="header">
  23.     <h1 align="center"><img src="imagenes/salhadas.png" width="794" height="250"alt="Salhadas" /></h1>
  24. </div>
  25.  
  26.  
  27.     <div class="container"><br />
  28.       <br />
  29.    
  30.         <div id="top-label">
  31.             <div class="nav">
  32.          <ul>
  33.             <li><a href="index.php">Salhadas</a></li>
  34.            <li><a href="tienda.php">Mochilas</a></li>
  35.            <li> <a href="delantal.php">Delantal</a></li>
  36.             <li><a href="#">Manoplas</a></li>
  37.             <li><a href="#">Condiciones de envio</a></li>
  38.            <li> <a href="#">blog</a></li>
  39.             <a href="#">Contacto</a>
  40.           </ul>
  41.       </div></div>
  42.        
  43.         <div class="content-area">
  44.    
  45.             <div class="content drag-desired">
  46.                
  47.                 <?php
  48.  
  49.                 $result = mysql_query("SELECT * FROM internet_shop");
  50.                 while($row=mysql_fetch_assoc($result))
  51.                 {
  52.                     echo '<div class="product"><img src="img/products/'.$row['img'].'" alt="'.htmlspecialchars($row['name']).'" width="128" height="128"  class="pngfix" /></div>';
  53.                 }
  54.  
  55.                 ?>
  56.                
  57.                
  58.                 <div class="clear"></div>
  59.             </div>
  60.  
  61.         </div>
  62.        
  63.         <div class="bottom-container-border">
  64.         </div>
  65.  
  66.     </div>
  67.  
  68.  
  69.  
  70.     <div class="container">
  71.       <div class="content-area">
  72.    
  73.           <div class="content drop-here">
  74.                 <div id="cart-icon">
  75.                     <img src="img/Shoppingcart_128x128.png" alt="shopping cart" class="pngfix" width="128" height="128" />
  76.                     <img src="img/ajax_load_2.gif" alt="loading.." id="ajax-loader" width="16" height="16" />
  77.                 </div>
  78.  
  79.                 <form name="checkoutForm" method="post" action="order.php">
  80.                
  81.                 <div id="item-list">
  82.                 </div>
  83.                
  84.                 </form>                
  85.                 <div class="clear"></div>
  86.  
  87.                 <div id="total"></div>
  88.  
  89.                 <div class="clear"></div>
  90.                
  91.                 <a href="" onclick="document.forms.checkoutForm.submit(); return false;" class="button">Checkout</a>
  92.                
  93.           </div>
  94.  
  95.       </div>
  96.        
  97.         <div class="bottom-container-border">
  98.         </div>
  99.    
  100.   </div>
  101. </div>
  102. </body>
  103. </html>
  #4 (permalink)  
Antiguo 28/10/2011, 08:34
 
Fecha de Ingreso: octubre-2011
Mensajes: 25
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: javascript (NO FUNCIONA EN IE)

En resumen ! este es mi problema.

Es que no puedo arrastrar la imagen hasta el carrito de la compra en IE pero en los demas navegadores si que puedo.

Etiquetas: funcion, html, js, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:32.