Foros del Web » Creando para Internet » HTML »

Menu acordion Cookies

Estas en el tema de Menu acordion Cookies en el foro de HTML en Foros del Web. Holas, Estoy armando una pagina web, y quiero un menu tipo acordion como el de este link: http://www.dynamicdrive.com/dynamici...enu-bullet.htm Pero quisiera que una vez que se ...
  #1 (permalink)  
Antiguo 13/09/2010, 19:32
 
Fecha de Ingreso: febrero-2005
Ubicación: Long Island, NY
Mensajes: 3.257
Antigüedad: 19 años, 9 meses
Puntos: 11
Menu acordion Cookies

Holas,
Estoy armando una pagina web, y quiero un menu tipo acordion como el de este link:

http://www.dynamicdrive.com/dynamici...enu-bullet.htm


Pero quisiera que una vez que se de click a los links, el acordion quede abierto respectivamente.
Lei que tenia que meter un cookie, y ahi esta el problema, no tengo ni idea de como hacer eso.

Alguien me puede dar algo de informacion? O si existe otra forma mas facil de hacer lo mismo de diferente manera?

Muchas gracias.
__________________
www.MiKonoha.com
mangas y animes en español...
www.HojaKonoha.com
  #2 (permalink)  
Antiguo 14/09/2010, 10:06
 
Fecha de Ingreso: febrero-2005
Ubicación: Long Island, NY
Mensajes: 3.257
Antigüedad: 19 años, 9 meses
Puntos: 11
Respuesta: Menu acordion Cookies

Mas informacion:

Lo que quiero duplicar es este menu, el primero de los 4:

http://www.i-marco.nl/weblog/jquery-...on-menu-redux/

Todo va bien, pero lo que quiero hacer es que los menus no se escondan cuando uno da click en uno de los sublinks. Quisiera que se queden abiertos.

En los comentarios dicen que la manera de hacerlo es creando un cookie que recuerde la accion, y pues dan este codigo:

Cita:
/**
* Cookie plugin
*
* Copyright (c) 2006 Klaus Hartl (stilbuero.de)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/

/**
* Create a cookie with the given name and value and other optional parameters.
*
* @example $.cookie('the_cookie', 'the_value');
* @desc Set the value of a cookie.
* @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
* @desc Create a cookie with all available options.
* @example $.cookie('the_cookie', 'the_value');
* @desc Create a session cookie.
* @example $.cookie('the_cookie', null);
* @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
* used when the cookie was set.
*
* @param String name The name of the cookie.
* @param String value The value of the cookie.
* @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
* @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
* If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
* If set to null or omitted, the cookie will be a session cookie and will not be retained
* when the the browser exits.
* @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
* @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
* @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
* require a secure protocol (like HTTPS).
* @type undefined
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/[email protected]
*/

/**
* Get the value of a cookie with the given name.
*
* @example $.cookie('the_cookie');
* @desc Get the value of a cookie.
*
* @param String name The name of the cookie.
* @return The value of the cookie.
* @type String
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/[email protected]
*/
jQuery.cookie = function(name, value, options) {
if (typeof value != 'undefined') { // name and value given, set cookie
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
}
// CAUTION: Needed to parenthesize options.path and options.domain
// in the following expressions, otherwise they evaluate to undefined
// in the packed version for some reason...
var path = options.path ? '; path=' + (options.path) : '';
var domain = options.domain ? '; domain=' + (options.domain) : '';
var secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
} else { // only name given, get cookie
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
};
Y aca esta el problema, no se como customisar o tenga que cambiar en este codigo para que funcione. Tampoco se activarlo. No se donde tenga que meter ese codigo.

La informacion lo saco de esta pagina por si quieren ver los comentarios:
http://www.i-marco.nl/weblog/archive...cordion_menu__


Bueno espero alguien me pueda iluminar, muchas gracias :D
__________________
www.MiKonoha.com
mangas y animes en español...
www.HojaKonoha.com

Etiquetas: cookies
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 23:10.