如何rezise從內

我有太極拳這樣一個非常簡單的鏈接太極拳：如何rezise從內

的index.html：

<a href='test.html' rel='shadowbox;width=400;height:300'>Go to Test</a>

在我test.html我有這個按鈕，我想做一個函數（我想應該是在JavaScript）調整太極拳：

的test.html：

<input type="button" value="Resize this page" onClick="ResizeSB(600, 200)" /> 

<script> 

    function ResizeSB(widthVal, heightVal) { 

     // CODE TO RESIZE 

    } 

</script>

我該怎麼做？

來源

2014-02-07 Jhonatan Sandoval

你不會把它放在一... rel屬性正確的HTML標記是：

<a href='test.html' class='shadowbox' data-width='400' data-height:'300'>Go to Test</a>

裏面你的函數簡單地做到這一點：

function ResizeSB(widthVal, heightVal) { 

var link = document.getElementsByTagName('a')[0]; // or any other identifier 
link.style.width = widthVal; 
link.style.height = heightVal; 
}

或者甚至更好，如果您將寬度和高度參數存儲在一個類中，則稱爲.shadowbox_modif類...

<a href='test.html' class='shadowbox'>Go to Test</a>

而且JS

function ResizeSB(widthVal, heightVal) { 

var link = document.getElementsByTagName('a')[0]; // or any other identifier 
link.className += ' shadowbox_modif'; 
}

注：這是不那麼突兀把onclick處理程序在JavaScript中，像這樣：

document.getElementsByTagName('input')[0].onclick = ResizeSB(400, 300);

注2：開始JS函數名稱以小寫形式作爲約定（大寫字母保留爲'類'函數）

來源

2014-02-07 22:48:01 Tyblitz

如何rezise從內

回答

相關問題