wordpress plugin.codecolorer.mod(spoiler)
2007-10-25 18:03:33 by zetta in Php (1 comment) permalink
Hace un par de díias un amigo me dijo que la página se comenzaba a ver muy fea y cada vez se entendia menos, pues se veia código por todas partes, me sugirió crear spoilers en los cuadros de có para que ya no se vea tan feo, he aqui lo que hice
Primero que nada estaba utilizando el plugin de codecolorer hay que buscar el archivo codecolorer.php y modificar algunas lineas
Los números de línea son un estimado
//declaramos una varibale al inicio de la clase //->linea 75
var $uniqueId = 0;
//dentro de la funcion init() //linea ->
$this->uniqueId =
time();
///modifique la funcion addContainer() y ahora quedo asi
function addContainer($html, $options, $num_lines) {
if($num_lines > $options['lines'])
$style = ' style="height:' . ($options['lines'] * $options['line_height']) . 'px; visibility: hidden; display: none; "';
elseif($num_lines == 1)
$style =
' style="height:' .
intval(2.5 *
$options['line_height']) .
'px; visibility: hidden; display: none; "';
else
$style = ' style=" visibility: hidden; display: none; " ';
$this->uniqueId++;
$result = '
<p class="spoiler"><a onclick="spoiler(\''.$this->uniqueId.'\'); return false;" href="#">Mostrar/Ocultar código '.$options['lang'].'</a>';
$result .= '
<div id="'.$this->uniqueId.'" class="codecolorer-container ' . $options['lang'] . '">' . $html . '</div>
';
return $result;
}
La funcion de javascript para que se muestren los bloques
function spoiler(a){
var tar = document.getElementById(a);
if( tar.style.visibility == 'hidden' ){
tar.style.visibility = 'visible';
tar.style.display = 'block';
}else{
tar.style.visibility = 'hidden';
tar.style.display = 'none';
}
return;
}
y para que no se vea tan mal el link un poquito de css
.spoiler a, .spoiler a:link, .spoiler a:visited{ color: #FFF; }
.spoiler a:hover{ color: #EEE; }
La idea era hacerlo con mootools, pero despues me dio un poco de pereza jeje
Tags: Php,
class,
codecolorer,
function,
javascript,
mod,
php,
plugin,
spoiler,
wordpress