Highlight

carlosuc99 · #1 (**permalink**) 03/01/2013, 15:58

Buneas,

En el UI de JQuery no encuentro un demo del Highlight. Alguien me puede mostrar como se emplea de la manera más sencilla?

rodrigo791 · #2 (**permalink**) 03/01/2013, 16:01

http://docs.jquery.com/UI/Effects/Highlight se refiere a esto?

use el buscador

carlosuc99 · #3 (**permalink**) 03/01/2013, 16:09

Cita:

Iniciado por rodrigo791

[url]http://docs.jquery.com/UI/Effects/Highlight[/url] se refiere a esto?

use el buscador

No, me refiero al que sale aquí [URL="http://jqueryui.com/themeroller/"]http://jqueryui.com/themeroller/[/URL]. Pone Highlight / Error

carlosuc99 · #4 (**permalink**) 04/01/2013, 08:51

Encontré esto:

https://github.com/idlesign/ist-ui-notice.

Pero no lo logro hacer funcionar. De esta manera no funciona:

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script src="./jquery.ui.notice.js"></script>
    
<style>
.ui-notice-inner { padding: 0.7em; }
.ui-notice-icon { float: left; margin-right: 0.3em; }
 
</style>
 
<script>
$('#info_box').notice();
$('#alert_box').notice({type: 'alert'});
</script>
 
</head>
<body>
<div id="info_box">
    Here we are at this beautiful island.
</div>
 
<div id="alert_box">
    Hey! Watch out for snarks!
</div>
 
 
</body>
</html>

David · #5 (**permalink**) 04/01/2013, 10:19

Solo necesitas agregar las clases al elemento que quieras, nada más:

Código HTML:

Ver original<div class="ui-widget">
    <div class="ui-state-highlight ui-corner-all" style="padding: 0 .7em;">
        <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
        <strong>Hey!</strong> Sample ui-state-highlight style.</p>
    </div>
</div>