Páginas (2): 1 2   
Cluster   16 Mar, 2012, 11:00 pm
#1
Me siento raro pidiendo soporte Tongue

Bueno, mi rama no es mucho el area de los scripts jquery ni js

Tengo el siguiente script pero me da conflictos con prototype

</script>                                    		 
 <script type="text/javascript">   
  // when the DOM is ready...        
$(document).ready(function () {      
  // load the ticker                 
	createTicker();                    
});                                  
function createTicker(){             
	// put all list elements within #ticker-area into array   
	var tickerLIs = $("#ticker-area ul").children();          
	tickerItems = new Array();                                
	tickerLIs.each(function(el) {                             
		tickerItems.push( jQuery(this).html() );                
	});                                                       
	i = 0                                                     
	rotateTicker();                                           
}                                                           
function rotateTicker(){                                    
	if( i == tickerItems.length ){                            
	  i = 0;                                                  
	}                                                         
  tickerText = tickerItems[i];                              
	c = 0;                                                    
	typetext();                                               
	setTimeout( "rotateTicker()", 5000 );                     
	i++;                                                      
}                                                           
var isInTag = false;                                        
function typetext() {	                                      
	var thisChar = tickerText.substr(c, 1);                   
	if( thisChar == '<' ){ isInTag = true; }                  
	if( thisChar == '>' ){ isInTag = false; }                 
	$('#ticker-area').html("&nbsp;" + tickerText.substr(0, c++));   
	if(c < tickerText.length+1)                                     
		if( isInTag ){                                                
			typetext();                                                 
		}else{                                                        
			setTimeout("typetext()", 28);                               
		}                                                             
	else {                                                          
		c = 1;                                                        
		tickerText = "";                                              
	}	                                                              
}                                                                 
  </script> 

he probado con el no conflict pero no he tenido resultados, si alguno tiene idea de como incrustarse Wink

Smile
Kevinex   17 Mar, 2012, 12:37 pm
#2
No soy expero pero a ver si te puedo ayudar xD Tengo entendí que va por orden, así:

1. El prototype
2. El jQuery
3. Luego agregas: <script>var $j = jQuery.noConflict();</script>

O:

<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();

(function($) {
   // pones el code aquí, podes utilizar  $
})(jQuery);
</script>

www.ledahost.com | Email: info[at]ledahost.com | Skype: ledahost
VPS SSD - HOSTING Y RESELLER [cPanel, Plesk, etc] - DOMINIOS - BACKUPS - WAREZ & XXX
CUPONES: Hosting 20%: memudoaleda
Cluster   17 Mar, 2012, 12:48 pm
#3
El primero me desactiva el script jquery (pero deja correr prototype) y el segundo me desactiva ambos xd

Smile
Kevinex   17 Mar, 2012, 12:59 pm
#4
Vamo a experimentar jaja, a ver así:

</script>
var q = jQuery.noConflict();                                             
 <script type="text/javascript">   
  // when the DOM is ready...        
q(document).ready(function () {      
  // load the ticker                 
    createTicker();                    
});                                  
function createTicker(){             
    // put all list elements within #ticker-area into array   
    var tickerLIs = q("#ticker-area ul").children();          
    tickerItems = new Array();                                
    tickerLIs.each(function(el) {                             
        tickerItems.push( jQuery(this).html() );                
    });                                                       
    i = 0                                                     
    rotateTicker();                                           
}                                                           
function rotateTicker(){                                    
    if( i == tickerItems.length ){                            
      i = 0;                                                  
    }                                                         
  tickerText = tickerItems[i];                              
    c = 0;                                                    
    typetext();                                               
    setTimeout( "rotateTicker()", 5000 );                     
    i++;                                                      
}                                                           
var isInTag = false;                                        
function typetext() {                                          
    var thisChar = tickerText.substr(c, 1);                   
    if( thisChar == '<' ){ isInTag = true; }                  
    if( thisChar == '>' ){ isInTag = false; }                 
    q('#ticker-area').html("&nbsp;" + tickerText.substr(0, c++));   
    if(c < tickerText.length+1)                                     
        if( isInTag ){                                                
            typetext();                                                 
        }else{                                                        
            setTimeout("typetext()", 28);                               
        }                                                             
    else {                                                          
        c = 1;                                                        
        tickerText = "";                                              
    }                                                                  
}                                                                 
  </script>

Con este código nomá tenes el problema?

www.ledahost.com | Email: info[at]ledahost.com | Skype: ledahost
VPS SSD - HOSTING Y RESELLER [cPanel, Plesk, etc] - DOMINIOS - BACKUPS - WAREZ & XXX
CUPONES: Hosting 20%: memudoaleda
Cluster   17 Mar, 2012, 1:03 pm
#5
conflictos

<script>var q = jQuery.noConflict();</script>
 <script type="text/javascript">   
  // when the DOM is ready...        
q(document).ready(function () {      
  // load the ticker                 
    createTicker();                    
});                                  
function createTicker(){             
    // put all list elements within #ticker-area into array   
    var tickerLIs = q("#ticker-area ul").children();          
    tickerItems = new Array();                                
    tickerLIs.each(function(el) {                             
        tickerItems.push( jQuery(this).html() );                
    });                                                       
    i = 0                                                     
    rotateTicker();                                           
}                                                           
function rotateTicker(){                                    
    if( i == tickerItems.length ){                            
      i = 0;                                                  
    }                                                         
  tickerText = tickerItems[i];                              
    c = 0;                                                    
    typetext();                                               
    setTimeout( "rotateTicker()", 5000 );                     
    i++;                                                      
}                                                           
var isInTag = false;                                        
function typetext() {                                          
    var thisChar = tickerText.substr(c, 1);                   
    if( thisChar == '<' ){ isInTag = true; }                  
    if( thisChar == '>' ){ isInTag = false; }                 
    q('#ticker-area').html("&nbsp;" + tickerText.substr(0, c++));   
    if(c < tickerText.length+1)                                     
        if( isInTag ){                                                
            typetext();                                                 
        }else{                                                        
            setTimeout("typetext()", 28);                               
        }                                                             
    else {                                                          
        c = 1;                                                        
        tickerText = "";                                              
    }                                                                  
}                                                                 
  </script>

Smile
Kevinex   17 Mar, 2012, 1:11 pm
#6
Noo, yo no te pasé así, es:

</script>                                             
 <script type="text/javascript"> 
var q = jQuery.noConflict();  
  // when the DOM is ready...        
q(document).ready(function () {      
  // load the ticker                 
    createTicker();                    
});                                  
function createTicker(){             
    // put all list elements within #ticker-area into array   
    var tickerLIs = q("#ticker-area ul").children();          
    tickerItems = new Array();                                
    tickerLIs.each(function(el) {                             
        tickerItems.push( jQuery(this).html() );                
    });                                                       
    i = 0                                                     
    rotateTicker();                                           
}                                                           
function rotateTicker(){                                    
    if( i == tickerItems.length ){                            
      i = 0;                                                  
    }                                                         
  tickerText = tickerItems[i];                              
    c = 0;                                                    
    typetext();                                               
    setTimeout( "rotateTicker()", 5000 );                     
    i++;                                                      
}                                                           
var isInTag = false;                                        
function typetext() {                                          
    var thisChar = tickerText.substr(c, 1);                   
    if( thisChar == '<' ){ isInTag = true; }                  
    if( thisChar == '>' ){ isInTag = false; }                 
    q('#ticker-area').html("&nbsp;" + tickerText.substr(0, c++));   
    if(c < tickerText.length+1)                                     
        if( isInTag ){                                                
            typetext();                                                 
        }else{                                                        
            setTimeout("typetext()", 28);                               
        }                                                             
    else {                                                          
        c = 1;                                                        
        tickerText = "";                                              
    }                                                                  
}                                                                 
  </script>

Si te fijas puse esto al comienzo del script:

var q = jQuery.noConflict();

* En lo que me pusiste, lo cerraste u.u El code de arriba se agrega al inicio del script, su función te lo digo abajo ↓

Con esto llamas al jQuery con la q en ves del $ porque a este lo llama el prototype. Entonces reemplaze los $ por la q. De esa manera el prototype va a leer el $ y la q el jQuery, por eso decia si es todo el code ese.

www.ledahost.com | Email: info[at]ledahost.com | Skype: ledahost
VPS SSD - HOSTING Y RESELLER [cPanel, Plesk, etc] - DOMINIOS - BACKUPS - WAREZ & XXX
CUPONES: Hosting 20%: memudoaleda
Cluster   17 Mar, 2012, 1:23 pm
#7
Pero como si se supone que la primer tag <script> la pones como cerrada?

Smile
Kevinex   17 Mar, 2012, 1:42 pm
#8
<script>
     var $j = jQuery.noConflict();
     
     // Uso jQuery como $j(...)
     $j(document).ready(function(){
       $j("div").hide();
     });
     
     // Uso Prototype como $(...), etc.
     $('someid').hide();
   </script>                                             
 <script type="text/javascript">    
  // load the ticker                 
    createTicker();                    
});                                  
function createTicker(){             
    // put all list elements within #ticker-area into array   
    var tickerLIs = $j("#ticker-area ul").children();          
    tickerItems = new Array();                                
    tickerLIs.each(function(el) {                             
        tickerItems.push( jQuery(this).html() );                
    });                                                       
    i = 0                                                     
    rotateTicker();                                           
}                                                           
function rotateTicker(){                                    
    if( i == tickerItems.length ){                            
      i = 0;                                                  
    }                                                         
  tickerText = tickerItems[i];                              
    c = 0;                                                    
    typetext();                                               
    setTimeout( "rotateTicker()", 5000 );                     
    i++;                                                      
}                                                           
var isInTag = false;                                        
function typetext() {                                          
    var thisChar = tickerText.substr(c, 1);                   
    if( thisChar == '<' ){ isInTag = true; }                  
    if( thisChar == '>' ){ isInTag = false; }                 
    $j('#ticker-area').html("&nbsp;" + tickerText.substr(0, c++));   
    if(c < tickerText.length+1)                                     
        if( isInTag ){                                                
            typetext();                                                 
        }else{                                                        
            setTimeout("typetext()", 28);                               
        }                                                             
    else {                                                          
        c = 1;                                                        
        tickerText = "";                                              
    }                                                                  
}                                                                 
  </script>

Sí tenías razón, bueno vos sabes más que yo; el problema es por el coso del $ como los dos usan el mismo entonces agarra el conflicto; ahora lo edite y lo puse de esta manera:

1. Para el jQuery usarás el "$j".
2. Para el prototype el "$"

Ahora tiene que funcionarte ¬¬

Una cosa, el código este:

<script>
     var $j = jQuery.noConflict();
     
     // Uso jQuery como $j(...)
     $j(document).ready(function(){
       $j("div").hide();
     });
     
     // Uso Prototype como $(...), etc.
     $('someid').hide();
   </script>


Se agrega al final de los prototype y el jquery, ejemplo:

<head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     var $j = jQuery.noConflict();
     
     // Uso jQuery como $j(...)
     $j(document).ready(function(){
       $j("div").hide();
     });
     
     // Uso Prototype como $(...), etc.
     $('someid').hide();
   </script>
 </head>

Para el code que use jQuery tenes que editar en las $ poner el $j

<script type="text/javascript">    
  // load the ticker                 
    createTicker();                    
});                                  
function createTicker(){             
    // put all list elements within #ticker-area into array   
    var tickerLIs = $j("#ticker-area ul").children();          
    tickerItems = new Array();                                
    tickerLIs.each(function(el) {                             
        tickerItems.push( jQuery(this).html() );                
    });                                                       
    i = 0                                                     
    rotateTicker();                                           
}                                                           
function rotateTicker(){                                    
    if( i == tickerItems.length ){                            
      i = 0;                                                  
    }                                                         
  tickerText = tickerItems[i];                              
    c = 0;                                                    
    typetext();                                               
    setTimeout( "rotateTicker()", 5000 );                     
    i++;                                                      
}                                                           
var isInTag = false;                                        
function typetext() {                                          
    var thisChar = tickerText.substr(c, 1);                   
    if( thisChar == '<' ){ isInTag = true; }                  
    if( thisChar == '>' ){ isInTag = false; }                 
    $j('#ticker-area').html("&nbsp;" + tickerText.substr(0, c++));   
    if(c < tickerText.length+1)                                     
        if( isInTag ){                                                
            typetext();                                                 
        }else{                                                        
            setTimeout("typetext()", 28);                               
        }                                                             
    else {                                                          
        c = 1;                                                        
        tickerText = "";                                              
    }                                                                  
}                                                                 
  </script>

:/

www.ledahost.com | Email: info[at]ledahost.com | Skype: ledahost
VPS SSD - HOSTING Y RESELLER [cPanel, Plesk, etc] - DOMINIOS - BACKUPS - WAREZ & XXX
CUPONES: Hosting 20%: memudoaleda
Cluster   17 Mar, 2012, 1:59 pm
#9
<script type="text/javascript" src="js3/jquery.min.js"></script> 
<script type="text/javascript" src="js3/jquery-ui.min.js" ></script>
<script>
     var $j = jQuery.noConflict();
     
     // Uso jQuery como $j(...)
     $j(document).ready(function(){
       $j("div").hide();
     });
     
     // Uso Prototype como $(...), etc.
     $('someid').hide();
   </script>                                             
 <script type="text/javascript">    
  // load the ticker                 
    createTicker();                    
});                                  
function createTicker(){             
    // put all list elements within #ticker-area into array   
    var tickerLIs = $j("#ticker-area ul").children();          
    tickerItems = new Array();                                
    tickerLIs.each(function(el) {                             
        tickerItems.push( jQuery(this).html() );                
    });                                                       
    i = 0                                                     
    rotateTicker();                                           
}                                                           
function rotateTicker(){                                    
    if( i == tickerItems.length ){                            
      i = 0;                                                  
    }                                                         
  tickerText = tickerItems[i];                              
    c = 0;                                                    
    typetext();                                               
    setTimeout( "rotateTicker()", 5000 );                     
    i++;                                                      
}                                                           
var isInTag = false;                                        
function typetext() {                                          
    var thisChar = tickerText.substr(c, 1);                   
    if( thisChar == '<' ){ isInTag = true; }                  
    if( thisChar == '>' ){ isInTag = false; }                 
    $j('#ticker-area').html("&nbsp;" + tickerText.substr(0, c++));   
    if(c < tickerText.length+1)                                     
        if( isInTag ){                                                
            typetext();                                                 
        }else{                                                        
            setTimeout("typetext()", 28);                               
        }                                                             
    else {                                                          
        c = 1;                                                        
        tickerText = "";                                              
    }                                                                  
}                                                                 
  </script>

nada xD, no hay conflictos pero el script perdio funcionalidad

Smile
Kevinex   17 Mar, 2012, 2:07 pm
#10
En los archivos .js del jquery tenes que editar los $ por $j para que funcionen. Entendes?

Que quilombooooooooooooooooooo!!!! u.u

www.ledahost.com | Email: info[at]ledahost.com | Skype: ledahost
VPS SSD - HOSTING Y RESELLER [cPanel, Plesk, etc] - DOMINIOS - BACKUPS - WAREZ & XXX
CUPONES: Hosting 20%: memudoaleda
Páginas (2): 1 2   
  
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.