Add image in the blogger link list

-
I wanted to add link on my blog to blogs I read regularly.

Ok, I've found the Link List module, I add it. Add few link I like...

But, some of the blogs are in French other in English...

So I've obviously tried to insert some <img> or even <span>... nothing works...

So I used the hard way :

I've modified my template to add prototype + script.aculo.us


<head>
...
<script src='http://mansonthomas.com/js/lib/prototype.js' type='text/javascript'> </script>
<script src='http://mansonthomas.com/js/lib/scriptaculous.js' type='text/javascript'> </script>
<script src='http://mansonthomas.com/js/blogger.js' type='text/javascript'> </script>
</head>


I used the text inside the <a> as a prototype template.

For example : 

#{fr} Rank My Day | Référencement


And wrote this code to change #{fr} into a nice flag (with many thanks to www.famfamfam.com for his works on all great icons)


function linkListCustomize()
{
  $$('#LinkList1 a').each(function(item){
    if(item.innerHTML.indexOf('#{')>-1)
      item.innerHTML = (new Template(item.innerHTML).evaluate({en:'<img class="clickable" src="http://mansonthomas.com/myicons/flag/gb.png" alt="English written website"/>',fr:'<img class="clickable" src="http://mansonthomas.com/myicons/flag/fr.png" alt="French written website"/>'}));
    });
}
function init()
{
 linkListCustomize    ();
}
/*taken from www.directwebremoting.org */
function callOnLoad(init)
{
  if (window.addEventListener)
    window.addEventListener("load", init, false);
  else if (window.attachEvent)
    window.attachEvent("onload", init);
  else
    window.onload = init;
}
callOnLoad(init);


You can have a look on http://mansonthomas.com/js/blogger.js i've added some customization of the <pre> html tag.
I'm working on syntax highlighting, but i'm having some trouble with cross domain ajax...

Comments

Post a Comment

Popular posts from this blog

Upgrade Slimframework v3 to v4, how I did it

-
Here is an article that details my path to upgrade to Slimframework v3 to v4. I'm developing on my freetime an application that manage the fundraising of the French Red Cross, and I'm updating a lot of frameworks to their last version (AngularJS to Angular 8/9 is my big next move). You can find the project sources here : https://github.com/dev-mansonthomas/RedCrossQuest There’s quite a lot of breaking changes involved, feature removed in profit to external frameworks, the upgrade documentation is quite minimal, but you must read it to understand what's changing : http://www.slimframework.com/docs/v4/start/upgrade.html This article is not well redacted, it’s just a log of what I did to achieve the upgrade, but I feel it may help some, so here we are ;) What I've read to perform the upgrade I’ve read theses article to help the transition to the 4.x  https://akrabat.com/a-first-look-at-slim-4/ https://dzone.com/articles/a-first-look-at-slim-4 ...
Read more

Reset Bacula database and files

-
Image
Today I need to purge my bacula for several reasons. Here is how I did. First backup the database and files used in your previous setup, one never knows you might actually need it after the purge... /usr/bin/mysqldump -aecqQ bacula > bacula_before_purge.sql and copy the volumes and bsr files. Stop bacula : service bacula-director stop service bacula-fd stop service bacula-sd stop then : mysql -u root -p drop database bacula; create database bacula; quit next we need to recreate bacula tables. There's a bacula script to do that, but the file needs to be changed to set the correct database name. cp /usr/share/bacula-director/make_mysql_tables ~/ vi ~/make_mysql_tables change XXX_DBNAME_XXX by your bacula database (let's say 'bacula') save and exit. then run as root the script ~/make_mysql_tables it should have recreated the tables : mysql -u root -p use bacula; show tables; +------------------+ | Tables_in_bacula | +-----------...
Read more

Limit the upload bandwidth of your apache webserver with mod_bw

-
Image
I've a server at home on a ADSL connection which has 100kBytes/s of upload and 1.2MBytes/s of download as bandwidth. If someone download at full speed some large file on my web server, my internet connection become unusable. To avoid this, I start to ask my friends to use a download manager to limit their download speed... but it's somewhat far too tricky for a lot of them... So I use mod_bw developed by Ivan Barrera http://www.ivn.cl/apache/ (sourceforge : http://bwmod.sourceforge.net/ ). Here is a quick way to limit the bandwidth used by Apache : Install & enable (on Ubuntu): sudo apt-get install libapache2-mod-bw sudo a2enmod bw Configure (your apache virtualhost conf file like /etc/apache2/sites-available/default) : <virtualhost *:80> #... other config stuf for the virtual host BandWidthModule On ForceBandWidthModule On BandWidth 192.168.0.0/24 0 BandWidth all 80000 </virtualhost> Explaination : line 1 : Activate the mod for the virtualhost. line 2 : Set a...
Read more