글꼴 크기 스크립트 증가/감소 - 기본 텍스트 크기 기능을 추가하는 방법은 무엇입니까?

Question

아래의 스크립트를 수정하는 방법을 아는 사람이 있습니까? 현재 두 개의 함수 (changeFontSize (id, true); // 글꼴 크기가 증가합니다 - changeFontSize (id); // 크기가 작아짐)를 추가 할 수 있습니다. 글꼴 크기가 기본 설정으로 재설정되는 세 번째 기능은 무엇입니까?

크리스 감사

SCRIPT

기능 changeFontSize (OBJID, doIncreaseSize)는 { // 사용하기 전에 변수를 정의하거나 글로벌 될 것입니다. VAR의 currentSize = 0 OBJ = document.getElementById를 (OBJID) 된 newval = 0 limitMax = 10 limitMin = 0.5, 0.1 부;

if(!obj){ 
return false; //Avoids errors if obj isn't found. 
} 
currentSize = parseFloat(obj.style.fontSize); 
if(doIncreaseSize){ 
    unit = -unit; // unit becomes negative. This turns subtractions into addition. 
} 
newVal = currentSize - unit; 
if(limitMax >= newVal && limitMin <= newVal){ 
    obj.style.fontSize = newVal + "em"; 
} 

}};

Answer 1

개체 자체 또는 외부 배열에서와 같이 어딘가에 원래 글꼴 크기 (1em이 아님)를 저장해야합니다. 이 같은

뭔가 : 요소가 명시 적으로em 단위로 font-size을 정의 된 이있는 경우

function changeFontSize(objId, doIncreaseSize) { 
    var currentSize = 0, obj = document.getElementById(objId), newVal = 0, limitMax = 10, limitMin = 0.5, unit = 0.1; 
    if(!obj){ 
    return false; 
    } 
    currentSize = parseFloat(obj.style.fontSize); 
    if (!obj.originalSize) { obj.originalSize = currentSize; } 
    if(doIncreaseSize){ 
    unit = -unit; 
    } 
    newVal = currentSize - unit; 
    if(limitMax >= newVal && limitMin <= newVal){ 
    obj.style.fontSize = newVal + "em"; 
    } 
    return true; 
} 

function resetDefaultSize(objId) { 
    var obj = document.getElementById(objId); 
    if(!obj){ 
    return false; 
    } 
    if (obj.originalSize) { obj.style.fontSize = obj.originalSize + "em"; } 
    return true; 
} 

공지 사항 코드에만 작동합니다.

Answer 2

당신이 만든 것을 가지고 가서, 당신이 할 수있는 대신 부울 doIncreaseSize를 사용하는 대신 해당 변수 액션을 호출하고

... 
if (action == 'sub') { 
    unit = -unit; 
} 
newVal = currentSize - unit; 
if (action == 'def') { 
    newVal = some_default_value; 
} 
... 

을하지만, 여기에 진짜 문제가 왜이 일을한다 수 있다는 것입니다 처음부터? 사용자가 클릭하여 웹 페이지의 텍스트 크기를 늘리거나 줄일 수있는 단추를 만들 계획이 아니라면 값을 높이거나 낮추지 않고 값을 설정하는 것이 훨씬 쉽습니다. 그러나 주석에 게시 된 것처럼 브라우저에서 직접 수행 할 수 있습니다.