[JS] style margin left

[Markuz]

function margin_change() {

var a=0;

if(a<=25)

{

var leftMargin = document.getElementById('map-img').style.marginLeft;

document.getElementById('map-img').style.marginLeft =document.getElementById('map-img').style.marginLeft+5+'px';

a++;

}

}

Wywołuje tą funkcje przy naciśnięciu tekstu, ma ona za zadanie dodać do MarginLeft stylu 'map-img' 5px, i jest problem, nie dodaje lecz zmienia margin left na 5 zamiast dodawać. I jeszcze 1, chciałbym żeby to się wykonywało kilka razy, a nie że jak nacisne raz na ten tekst to jak nacisne jeszcze raz to juz sie nie wykonuje

[Nobody]

Margin-Left ma (liczba)px. Użyj funkcji substring żeby wyodrębnić z tego samą liczbę i dopiero wtedy dodawaj :) Twój kod po prostu dodaje 5px do poprzedniego margin-left czyli wychodzi coś w stylu 20px5px;

[gnysek]

pobierz sobie jquery.

 

$('#map-img').css("margin-left",  ($('#map-img').css("margin-left").val()+5)+"px");

 

taką mam nadzieję bynajmniej, nie wiem właśnie, czy przez te px nie będzie problemu.

Btw. po co pętla i zminenna które nic nie dają ?