*solved* href/class in <area...> an js script übergeben
Moin,
ich habe eine jquery navigation und eine imagemap. ich habe jedoch nur ein problem:
normalerweise wird in der navigation eine seiten-scroll-function aufgerufen mit
da ich eine imagemap besitzte dacht ich, dass ich die verlinkung einfach übernehmen könnte
das funktioniert aber nicht, da im javascript die class übergeben werden muss
jedoch funktioniert das nicht, da wenn das so ist
die class="panel" als attribute von der <area...> gesehen wird und nicht mehr vom link.
wer hat da eine antwort, wie ich das machen könnte, dass das javascript nicht mehr übergangen wird.
Moin,
ich habe eine jquery navigation und eine imagemap. ich habe jedoch nur ein problem:
normalerweise wird in der navigation eine seiten-scroll-function aufgerufen mit
Code:
<a href="#item1" class="panel">blablabla</a>da ich eine imagemap besitzte dacht ich, dass ich die verlinkung einfach übernehmen könnte
HTML:
<area shape="poly" alt="" coords="125,85, 125,85, 123,85, 122,84, 122,83, 122,82, 122,81, 123,81, 124,80, 123,79, 122,77, 121,76, 119,75, 118,75, 117,76, 116,76, 116,71, 118,71, 118,71, 116,70, 116,69, 124,68, 123,67, 122,65, 121,63, 119,63, 113,62, 113,62, 119,57, 123,57, 126,56, 128,57, 131,56, 136,58, 140,58, 140,59,
142,59, 142,60, 143,60, 145,60, 147,60, 149,57, 151,57, 153,57, 153,57, 156,63, 155,66, 157,72, 157,75, 156,77, 159,78, 161,80, 162,80, 165,82, 165,83, 164,83, 164,84, 161,86, 163,88, 163,90, 161,90, 156,90, 153,88, 153,88, 152,87, 150,87, 150,87, 141,86, 139,88, 138,89, 136,90, 136,91, 135,90, 134,89, 125,85, 125,85" href="#item1" class="panel" alt="mitte"onmouseover="ReplaceImage('images/mitte.png')" onmouseout="ReplaceImage('images/map.png')" />das funktioniert aber nicht, da im javascript die class übergeben werden muss
Code:
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
<script>
$(document).ready(function() {
$('a.panel').click(function () {
$('a.panel').removeClass('selected');
$(this).addClass('selected');
current = $(this);
$('#wrapper').scrollTo($(this).attr('href'), 800);
return false;
});
$(window).resize(function () {
resizePanel();
});
});
function resizePanel() {
width = $(window).width();
height = $(window).height();
mask_height = height * $('.item').length;
$('#debug').html(width + ' ' + height + ' ' + mask_height);
$('#wrapper, .item').css({width: width, height: height});
$('#mask').css({width: width, height: mask_height});
$('#wrapper').scrollTo($('a.selected').attr('href'), 0);
}
function changeImage(sId,sSrc)
{
if (document.getElementById) {
document.getElementById(sId).src = sSrc;
}
}
</script>jedoch funktioniert das nicht, da wenn das so ist
HTML:
... 150,87, 150,87, 141,86, 139,88, 138,89, 136,90, 136,91, 135,90, 134,89, 125,85, 125,85" href="#item1" class="panel" alt="mitte"onmouseover="ReplaceImage('images/mitte.png')" ...die class="panel" als attribute von der <area...> gesehen wird und nicht mehr vom link.
wer hat da eine antwort, wie ich das machen könnte, dass das javascript nicht mehr übergangen wird.
Zuletzt bearbeitet:
