[SOLUCIONADO] PHP OO Eliminar enlace padre de menu (php, jquery)

liebreblanca · #1 (**permalink**) 09/09/2014, 17:05

En este codigo como podria eliminar el enlace del anchor Contactos?, ya que al ponerle # me envia a la pagina de inicio.
<?php
class Menu {

private $ci;

function __construct() {
$this->ci = & get_instance();
}

function generate() {
$user = $this->ci->session->userdata('user');

$html = '<li>';
$html .= anchor('index.php/tray/display', 'Bandeja', array('title' => 'Bandeja de contactos'));
$html .= '</li>';

$html .= '<li>' . anchor('#', 'Contactos ↓', array('title' => 'Todos los contactos de esta sección')) . '<ul>';
if ($user->admin) $html .= "<li>" . anchor('/index.php/contacts/display/pend_asignar', 'Asignar', array('title' => 'Contactos pendientes de asignar')) . "</li>";
$html .= "<li>" . anchor('/index.php/contact/register', 'Agregar contacto', array('title' => 'Agregar contacto nuevo')) . "</li>" ;
$html .= "<li>" . anchor('/index.php/contacts/display/pend', 'Pendientes', array('title' => 'Todos los contactos que estan pendientes administrar')) . "</li>";
$html .= "<li>" . anchor('/index.php/contacts/display/cont', 'Contactados', array('title' => 'Contactos que has contacto por teléfono, email u otro medio')) . "</li>";
$html .= "<li>" . anchor('/index.php/contacts/display/cli', 'Clientes', array('title' => 'Todos los clientes')) . "</li>";
$html .= '</ul></li>';
$html .= '</li>';

return $html;
}
}
?>

kspr · #2 (**permalink**) 09/09/2014, 17:43

EDITO:

me acabo de fijar que es codeigniter :P

por que no a cambio de:

$html .= '<li>' . anchor('#', 'Contactos ↓', array('title' => 'Todos los contactos de esta sección')) . '<ul>';

pones esto:

Código PHP:

Ver original$html .= '<li><a title="Todos los contactos de esta sección">Contactos ↓</a><ul>';

liebreblanca · #3 (**permalink**) 09/09/2014, 18:00

Genial kspr, se me ha resuelto el problema, ahora queria ver si podias decirme como hacer para que no se despliegue automaticamente, si no cuando se pincha con el raton.

Cita:

Iniciado por kspr

EDITO:

me acabo de fijar que es codeigniter :P

por que no a cambio de:

$html .= '<li>' . anchor('#', 'Contactos ↓', array('title' => 'Todos los contactos de esta sección')) . '<ul>';

pones esto:

Código PHP:

Ver original$html .= '<li><a title="Todos los contactos de esta sección">Contactos ↓</a><ul>';

kspr · #4 (**permalink**) 09/09/2014, 18:34

eso depende de tu codigo javascript, puedes poner el codigo aca? o el archivo? si no sabes que archivo es puedes ver el codigo fuente de tu pagina y ver que archivos .js estan en la cabecera de tu pagina.

liebreblanca · #5 (**permalink**) 09/09/2014, 18:51

Cita:

Iniciado por kspr

eso depende de tu codigo javascript, puedes poner el codigo aca? o el archivo? si no sabes que archivo es puedes ver el codigo fuente de tu pagina y ver que archivos .js estan en la cabecera de tu pagina.

Te refieres al codigo fuente del menu? o de la pagina donde esta el menu?

kspr · #6 (**permalink**) 09/09/2014, 19:07

al de tu archivo javascript, suponiendo que este es el que hace interactuar tu menu, talvez tambien sea que css anime este menu mostrando las pestañas con :hover.

pasanos el codigo fuente de tu página

liebreblanca · #7 (**permalink**) 09/09/2014, 19:12

Cita:

Iniciado por kspr

al de tu archivo javascript, suponiendo que este es el que hace interactuar tu menu, talvez tambien sea que css anime este menu mostrando las pestañas con :hover.

pasanos el codigo fuente de tu página

Te pasaria el codigo fuente, pero no se de cual pagina, ya que lo que he pasado anteriormente es el todo el codigo fuente que hay en el archivo del menu.php

De todas formas he ido a estilos.css y encontre esto.

.menu li a:hover {
background: white;
color: #333333;
}

creo que es lo que hace que se mueva .

kspr · #8 (**permalink**) 09/09/2014, 19:17

Necesito el codigo fuente de todo tu archivo estilos.css y el de tu .js (si es que existe) para poder ayudarte reacomodando la animacion de tu menu

liebreblanca · #9 (**permalink**) 09/09/2014, 19:22

Cita:

Iniciado por kspr

Necesito el codigo fuente de todo tu archivo estilos.css y el de tu .js (si es que existe) para poder ayudarte reacomodando la animacion de tu menu

<div id="menu-container">
<div class="logo"></div>
</div>

<ul class="menu">{{ menu | raw }}</ul>

<script type="text/javascript">

$(document).ready(function() {

$('ul li:has(ul)').hover(

function(e)
{
$(this).find('ul').css({display: "block"});
},
function(e)
{
$(this).find('ul').css({display: "none"});
}
);
});

</script>

encontre esto.

liebreblanca · #10 (**permalink**) 09/09/2014, 19:27

No me deja pegar el codigo de estilos.css dice que es demasiado texto y tampoco se como subir un archivo aqui.

kspr · #11 (**permalink**) 09/09/2014, 19:34

pegalo aca: http://paste.ofcode.org/ me pasas el enlace.

liebreblanca · #12 (**permalink**) 09/09/2014, 19:40

Cita:

Iniciado por kspr

pegalo aca: http://paste.ofcode.org/ me pasas el enlace.

http://paste.ofcode.org/JXRXLwNbZZayhi7ZXCGBJ8

kspr · #13 (**permalink**) 09/09/2014, 20:16

no habia visto tu mensaje anterior, ya vi el codigo javascript

cambia esto:

Código Javascript:

Ver original$(document).ready(function() {
 
$('ul li:has(ul)').hover(
 
function(e)
{
$(this).find('ul').css({display: "block"});
},
function(e)
{
$(this).find('ul').css({display: "none"});
}
);
});

por esto:

Código Javascript:

Ver original$(document).ready(function(){
 
    $('ul li:has(ul)').click(function(){
       
        if( !$(this).find('ul').css('display') ||  $(this).find('ul').css('display') == 'none' )
            $(this).find('ul').show();
        else
            $(this).find('ul').hide();
        
    });
    
});

liebreblanca · #14 (**permalink**) 09/09/2014, 20:25

Hecho esto, pero hay un problema, los menus que se desplazan quedan desplazados no se contraer si desplazo otro menu, y aparte cuando paso el raton por encima del menu padre se no me aparece la manito con el dedo que suele aparecer cuando se va a pinchar, se queda aparece I de cuando vamos a escribir.

Dime si eso es normal. Gracias.

kspr · #15 (**permalink**) 09/09/2014, 20:42

reemplaza el codigo javascript por este:

Código Javascript:

Ver original$(document).ready(function(){
 
    $('ul li:has(ul)').click(function(){
       
        $('ul li:has(ul)').find('ul').hide();
 
        if( !$(this).find('ul').css('display') ||  $(this).find('ul').css('display') == 'none' )
            $(this).find('ul').show();
        else
            $(this).find('ul').hide();
        
    });
    
});

y en el css reemplaza esto:

Código CSS:

Ver original.menu li a {
    color: #fff;
    text-transform:uppercase;
    padding: 5px 15px;
    text-decoration:none;
}

por esto:

Código CSS:

Ver original.menu li a {
        cursor: pointer;
    color: #fff;
    text-transform:uppercase;
    padding: 5px 15px;
    text-decoration:none;
}

PD: es posible que no veas el cursor como el de un enlace despues de hacer el cambio en el css elimina los datos temporales, cache, etc del navegador, F5

saludos!

liebreblanca · #16 (**permalink**) 09/09/2014, 20:57

Se han aplicado todos los cambios, solo hay un ultimo detalle, cuando despliego un menu, se queda plegado hasta que o bien clique en una opcion de ese menu o despliegue otro menu, pero si pincho sobre la pantalla o le vuelvo a pinchar en el mismo menu para contraerlo no se contrae.

kspr · #17 (**permalink**) 09/09/2014, 21:43

no me habia dado ni cuenta de eso :P

el codigo sería:

Código Javascript:

Ver original$(document).ready(function(){
 
    $('ul li:has(ul)').click(function(e){
        
        $('ul li:has(ul)').find('ul').hide();
        
        $(this).mouseleave(function(e){
           $(this).find('ul').hide();
        });
 
        if( !$(this).find('ul').css('display') ||  $(this).find('ul').css('display') == 'none' )
            $(this).find('ul').show();
        else
            $(this).find('ul').hide();
        
    });
    
});

liebreblanca · #18 (**permalink**) 09/09/2014, 22:08

Gracias!!!!!!!