Промяна размера на шрифта не с ID , а с class

[sentenello]

Здравейте,
Прегледах този урок
http://web-tourist.net/login/login/view.php?st=2145

И въпроса ми е в "името на темата ми", а именно как да направя да променя размера в някой див с class, а не с id

 

[F1r3Fl3x]

До колкото знам има функция document.getElementsByClassName, но работи само под Firefox 3+, затова използвам тази функция:

function getElementsByClass(searchClass,node,tag) {
        var classElements = new Array();
        if ( node == null )
                node = document;
        if ( tag == null )
                tag = '*';
        var els = node.getElementsByTagName(tag);
        var elsLen = els.length;
        var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
        for (i = 0, j = 0; i < elsLen; i++) {
                if ( pattern.test(els[i].className) ) {
                        classElements[j] = els[i];
                        j++;
                }
        }
        return classElements;
}

Просто трябва да я сложиш в кода, където искаш да сменяш размера. Работи по същич начин като getElementById

 

[shterev]

Ами мога да ти дам една идея, стига да си я направиш, защото едва ли ще се хвана да ти я пиша. Правиш си скрипт , който ти добавя класове:

.font-1{font-size:14px;}
.font-2{font-size:15px;}
.font-3{font-size:16px;}

Това е при натискане на бутона за увеличаване, при натикане за намаляне, просто изважда цифрата с едно. При ресет просто изтриваш класа.

После задаваш едно ид на главния контент или там квото искаш, за а можеш по лесно да вземеш това ид и да му добавиш клас. След това само с css си настрйвааш класовете и т.н.

 

[sentenello]

До колкото знам има функция document.getElementsByClassName, но работи само под Firefox 3+, затова използвам тази функция:

function getElementsByClass(searchClass,node,tag) {
        var classElements = new Array();
        if ( node == null )
                node = document;
        if ( tag == null )
                tag = '*';
        var els = node.getElementsByTagName(tag);
        var elsLen = els.length;
        var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
        for (i = 0, j = 0; i < elsLen; i++) {
                if ( pattern.test(els[i].className) ) {
                        classElements[j] = els[i];
                        j++;
                }
        }
        return classElements;
}

Просто трябва да я сложиш в кода, където искаш да сменяш размера. Работи по същич начин като getElementById

Това което си ми дал ще работи ли под всички браузъри ?

 

[F1r3Fl3x]

Да

 

[sentenello]

Би ли ми разяснил малко как работи, за да може да си ги пригодя към моите си кодове

 

[F1r3Fl3x]

Порсто разгледай кода, от урока, който ползваш и навсякъде, къето видиш document.getElementById го заменяш с getElementsByClassName и си готов
Само параметъра на функцията го променяш да е класа, който търсиш и това е

 

[talevtehnology]

http://www.dynamicdrive.com/dynamicindex9/fluidtextresizer.htm