[edit]De oplossing is ondertussen hier.[/edit]

In firefox is er dus een bug ofzo met die codeblokken, en de nummertjes ervoor.

Met deze CSS is dat opgelost:

.code_table * { font-size: 9pt; font-family: Courier; }

Nu dacht ik, ik ga dat verwerken in zo'n Greasemonkey userscript.

Ik heb nu dus zoiets:


// ==UserScript==
// @name          [PHPhulp] Code-blokken-in-firefox-bug-oplos-script
// @namespace     http://www.phphulp.nl
// @description   Nu kloppen de nummertjes :-D
// @include       *.phphulp.nl*
// @include       *phphulp.nl*
// @include       phphulp.nl*
// @include       *.phphulp.nl
// ==/UserScript==

(function() {
	var lala = getElementsByTagname('table');
	var aantal = count(lala);
	for (var i = 0; i < aantal; i++)
	{
		if (lala[i].className == 'code_table')
		{
			lala[i].style.fontSize = '9pt';
		}
	}

})();


Maar ik wil deze CSS toepassen:
<?
.code_table * { font-size: 9pt; font-family: Courier; }
?>

En ik weet niet hoe ik dat moet doen.

Kan iemand helpen?


Groet,

Boris
Ik weet het niet. Ben ook wel benieuwd.
Het JavaScript dat je geeft, zoekt alle tabellen met een class="code_table" op. Vervolgens kent hij die een font-size van 11pt toe. En daarna wil jij met CSS een font-size van 9pt toekennen en een font-family Courier?

Als je die CSS via JavaScript wilt toekennen, zou het zo moeten:

        if (lala[i].className == 'code_table')
        {
            lala[i].style.fontSize = '9pt';
            lala[i].style.fontFamily = 'courier';
        }
Bedankt het is gelukt :-D :


Dit opslaan als xxxxxxxxx.user.js

// ==UserScript==
// @name          [PHPhulp] Code-blokken-in-firefox-bug-oplos-script
// @namespace     http://www.phphulp.nl
// @description   Nu kloppen de nummertjes :-D
// @include       *.phphulp.nl*
// @include       *phphulp.nl*
// @include       phphulp.nl*
// @include       *.phphulp.nl
// ==/UserScript==

(function() {
    var lala = document.getElementsByTagName('table');
    var aantal = lala.length;
    for (var i = 0; i < aantal; i++)
    {
        if (lala[i].className == 'code_table')
        {
            lala[i].style.fontSize = '9pt';
            lala[i].style.fontFamily = 'courier';
        }
    }

    var hoi = document.getElementsByTagName('td');
    var aantalhoi = hoi.length;
    for (var i = 0; i < aantalhoi; i++)
    {
        if (hoi[i].className == 'code_num')
        {
            hoi[i].style.fontSize = '9pt';
            hoi[i].style.fontFamily = 'courier';
        }
    }

})();



Je kunt het (nu) ook hier installeren: klik. Voor de liefhebbers. In Firefox kloppen de regelnummers nu :-D
Boris schreef op 22.11.2006 22:07
Bedankt het is gelukt :-D :

Graag gedaan, Boris ;-)
klopten die dan eerst niet?
Ik heb er nog nooit problemen mee gehad namelijk...
Tnx Boris! Ik heb had er hier alleen op de Mac last van, maar gelukkig zijn die overbodige regels nu pleite!
Alleen sommige mensen hadden hier last van. Ik dus ook (ook op Mac), en nu dus niet meer :-)
Ik had er ook last van! Dank ervoor. Er moet een hele aparte site komen joh met de phphulp verbeteraars ;)

Reageren