Tekst vergroten / verkleinen met javascript problemen

  • Onderwerp starter Onderwerp starter GJvD
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

GJvD

Gebruiker
Lid geworden
13 nov 2011
Berichten
16
Ik heb een script opgedoken (http://www.mijn-eigen-website.nl/vragen/overig/lettertype-vergroten-en-verkleinen) om bepaalde tekst op een pagina met knoppen te vergroten / verkleinen maar dit lijkt maar niet te werken.
Kan iemand die hier wel verstand van heeft mij mee helpen :o want ik kom er niet uit :evil:

Ik heb onderstaand script in de head gezet:

<script type="text/javascript" src="textsizer.js">

/***********************************************
* Document Text Sizer- Copyright 2003 - Taewook Kang. All rights reserved.
* Coded by: Taewook Kang (http://www.txkang.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

En onderstaand script heb ik als bestand genaamd textsizer.js geupload naar de server:

/*------------------------------------------------------------

Document Text Sizer- Copyright 2003 - Taewook Kang. All rights reserved.

Coded by: Taewook Kang (txkang.REMOVETHIS@hotmail.com)

Web Site: http://txkang.com

Script featured on Dynamic Drive (http://www.dynamicdrive.com)


Please retain this copyright notice in the script.

License is granted to user to reuse this code on

their own website if, and only if,

this entire copyright notice is included.
--------------------------------------------------------------*

/

//Specify affected tags. Add or remove from list:

var tgs = new Array( 'wb_text1');



//Specify spectrum of different font sizes:

var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );

var startSz = 2;



function ts( trgt,inc ) {

if (!document.getElementById) return

var d = document,cEl = null,sz = startSz,i,j,cTags;


sz += inc;

if ( sz < 0 ) sz = 0;

if ( sz > 6 ) sz = 6;

startSz = sz;



if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];



cEl.style.fontSize = szs[ sz ];



for ( i = 0 ; i < tgs.length ; i++ ) {

cTags = cEl.getElementsByTagName( tgs[ i ] );

for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];

}

}

En verder 2 knoppen op de pagina gezet die het zouden moeten aansturen:

<a href=”javascript:ts(‘wb_text1’,1)" style="text-decoration: none;"><span style="font-size: 14pt; font-weight: bold;">A</span><sup>▲</sup> </a>
<a href="javascript:ts(‘wb_text1’,-1)" style="text-decoration: none;"> <span style="font-size: 9pt;">A</span><sup>▼</sup></a>

Ik heb inmiddels een ander script gevonden wat ik wel werkend heb gekregen.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan