La etiqueta More en Thingamablog

A raíz de un comentario que me dejó un visitante respecto de la etiqueta <!–more–> en thingamablgog, en el foro de ese programa están las indicaciones de como hacerlo.

Acá les dejo el código para hacerlo.

First, let’s declare a couple Javascript functions. Insert the following code somewhere between the <head> tags on your template.

<script type=”text/JavaScript”>
<!–
function hasMore(id)
{
if(document.getElementById && document.getElementById(id).innerHTML.indexOf(“<!– more –>”) != -1)
return true;

return false;
}

function showHide(entryID, entryLink)
{
extTextDivID = (‘extText’ + (entryID));
extLinkDivID = (‘extLink’ + (entryID));

if(document.getElementById)
{
if(document.getElementById(extTextDivID).style.display)
{
if(entryLink != 0)
{
document.getElementById(extTextDivID).style.display = “block”;
document.getElementById(extLinkDivID).style.display = “none”;
}
else
{
document.getElementById(extTextDivID).style.display = “none”;
document.getElementById(extLinkDivID).style.display = “block”;
}
}
else
{
location.href = entryLink;
}
}
else
{
location.href = entryLink;
}
}
//–>
</script>

Next, let’s add the code that generates the entry body. Somewhere between your <BlogEntry> tags you should have some code that looks something like the following…

<div class=”entry”> <!– your class might be different depending on your style sheet –>
<!– remove EVERYTHING after, and including, the ‘more’ comment –>
<$EntryBody find=”\<\!–\s*more\s*–\>(?s).*” replace=””$>
</div>

<!– put the extended text inside a invisible div –>
<div id=”extText<$EntryID$>” style=”display: none”>
<!– remove EVERYTHING before the ‘more’ comment –>
<$EntryBody find=”(?s).*\<\!–\s*more\s*–\>” replace=”\<\!– more –\>”$>
<p>
<!– show the entry when the link is clicked –>
<a href=”#ext<$EntryID$>” mce_href=”#ext<$EntryID$>” onclick=”showHide(<$EntryID$>,’0′)”>« Leer menos</a>
</p>
</div>

<div id=”extLink<$EntryID$>”>
<p>
<!– hide the entry when the link is clicked –>
<a href=”#ext<$EntryID$>” mce_href=”#ext<$EntryID$>” name=”ext<$EntryID$>” onclick=”showHide(<$EntryID$>,'<$EntryPermalink$>’)”>
<!– check to see if the extended text has the ‘more’ comment –>
<!– if it does, write the Read More text –>
<script type=”text/javascript”>
if(hasMore(‘extText<$EntryID$>’))
document.write(‘Read More »’);
</script>
</a>
</p>
</div>


Y este es otro.

It’s all rather easy actually. First of all yopu need a small amount of JavaScript programming, which should be put in the <head> section of your web page. Here is the code.

<script> function show_hide(the_layer)
{
if(document.getElementById(the_layer))
{
if(document.getElementById(the_layer).style.display == ‘none’)
{
document.getElementById(the_layer).style.display = ‘inline’;
}
else
{
document.getElementById(the_layer).style.display = ‘none’;
}
}
}
</script>

Right, having sorted that out you need to code your HTML in a special way as follows. By the way, this example code is taken from my Agatha Christie web site where you can see it in operation on the home page and also on each novel summary page. Do have a look and then return to this posting.

<p><a href=”javascript:show_hide(‘foobar’);” mce_href=”javascript:show_hide(‘foobar’);”>Mostrar/Ocultar TEXTO</a><br/><br/></p>
<div style=”display: none; text-align: justify;” id=”foobar”>
<p>TEXTO</div>

You will see that the coding is in several parts. A call to the JavaScript routine, the link text I wanted to display on the page, a <div> with various formatting commandes to hold my text, and the text itself.

Anuncios

2 Responses to “La etiqueta More en Thingamablog”


  1. 1 web ressource 2 octubre , 2012 en 5:59 pm

    Thanks for a marvelous posting! I certainly enjoyed reading it,
    you might be a great author.I will remember to bookmark your blog and
    will come back later on. I want to encourage one to continue your great writing, have
    a nice afternoon!

  2. 2 http://www.heroic-productions.com/member/131836 3 febrero , 2013 en 7:48 am

    When I originally commented I clicked the “Notify me when new comments are added” checkbox and now each
    time a comment is added I get four e-mails with the same comment.

    Is there any way you can remove people from that service?

    Cheers!


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s




El diario del Comandante

Bienvenido navegante, el hecho de que haya usado Comandante como apodo no tiene connotaciones políticas.
Acá hay un poco de todo, básicamente humor, algún cuento, cosas interesantes que encontré por ahí y lo que se me ocurra postear.
La experiencia de hacer un blog es interesante, pero no soy un fanático.
Espero que encuentren lo que buscan o, al menos, que encuentren algo que les guste.

Categorías

Who Links To Me – Pagerank

octubre 2007
L M X J V S D
« Sep   Nov »
1234567
891011121314
15161718192021
22232425262728
293031  

RSS

Blog Stats

  • 365,726 hits

A %d blogueros les gusta esto: