Hallo 
habe so ziemlich das gleiche Problem:
Ich habe eine Seite mit 4 Boxen, die ich mit meiner ausgelagerten JavaScript Funktion vergrößere, möchte aber gerne die onclick Funktion aus meiner HTML nehmen und mit JQuery ansprechen.
<html>
<head>
<script type="text/javascript" src="meinJS.js"></script>
</head>
<body>
<div id="box1" class="kaesten" onclick="changeSize('box1')"> Inhalt1 </div>
<div id="box2" class="kaesten" onclick="changeSize('box2')"> Inhalt2 </div>
<div id="box3" class="kaesten" onclick="changeSize('box3')"> Inhalt3 </div>
<div id="box4" class="kaesten" onclick="changeSize("box4')"> Inhalt4 </div>
</body>
</html>
function changeSize(id){
var currentAbsoluteElem = document.getElementById('dummy');
if(id == null){
currentAbsoluteElem.setAttribute('style','display:none');
}else{
var elem = document.getElementById(id);
var text = elem.innerHTML;
currentAbsoluteElem.innerHTML = text;
currentAbsoluteElem.setAttribute('style','display:block');
}
}
var elems = document.getElementsByClassName('kaesten');
for(var i = 0; i < elems.length; i++){
elems[i].onclick = function(){
changeSize(this.id);
}
}
var absoluteCl = document.getElementsByClassName('absoluteclass');
absoluteCl[0].onclick = function(){
console.log(document.getElementsByClassName('absoluteclass'));
document.getElementsByClassName('absoluteclass')[0].setAttribute('style','display:none');
}
Wär super wenn Ihr ne Lösung habt.
Grüße,
Nolags