Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

Малко помощ за javascript

12 февруари 201214 г.

Здравейте, значи имам този код за смяна на class при онclick, искам като натисна отново class-а отново да става както си е. Благодаря за отзовалите се.

var Lst;
function CngClass(obj){
if (Lst) Lst.className='';
obj.className='selected';
Lst=obj;
}

12 февруари 201214 г.

function changeClass(elem, className1,className2)
{
elem.className = (elem.className == className1)?className2:className1;
}

Това ще служи като "toggle", т.е. да превключва между className1 и className2.

Можеш да си го направиш и с една допълнителна променлива, която да държи класа, който е бил преди onClick събитието и т.н.

А с jQuery даже може да стане още по-чистичко, понеже си има вградена такава функция ( .toggleClass() ) - http://api.jquery.com/toggleClass/

12 февруари 201214 г.

Автор

Благодаря за бързия отговор, искам да попитам и за този код как вместо на бутона да му се сменя value да стане със картинки, при + да бъде plus.gif при минус minus.gif?

<html>
<head>
<script language='JavaScript'>
function hw() {
if(document.getElementById('jjj').style.display == "none") {
document.getElementById('jjj').style.display = "block";
document.getElementById('btn').value = "-";
}
else {
document.getElementById('jjj').style.display = "none";
document.getElementById('btn').value = "+";
}
}
</script>
</head>
<body>
<input type='button' onclick='hw();' id='btn' value='+'><br>
<div id='jjj' style='background-color:Silver;width:200px;height:200px; display: none;'></div>
</body>
</html>

13 февруари 201214 г.

Погледни тук! На <input /> елемент може да се слага type="image". След това в JS функцията я сменяш (toggle-ваш) така:

function hw() {
	var mydiv = document.getElementById('jjj');
	var btn = document.getElementById('btn');

	mydiv.style.display = (mydiv.style.display == "none")? "block" : "none";
	btn.src = (btn.src == "plus.gif")? "minus.gif" : "plus.gif";

	return false; // prevent form submit;
}

Редактирано 13 февруари 201214 г. от synner (преглед на промените)

13 февруари 201214 г.

Автор

<script language='JavaScript'>
function hw() {
	    var mydiv = document.getElementById('jjj');
	    var btn = document.getElementById('btn');
	    mydiv.style.display = (mydiv.style.display == "none")? "block" : "none";
	    btn.src = (btn.src == "plus.gif")? "minus.gif" : "minus.gif";
	    return false; // prevent form submit;
}
</script>
</head>
<body>
<input type='image' src="plus.gif" onclick="hw()" id='btn'><br>
<div id='jjj' style='background-color:Silver;width:200px;height:200px; display: none;'></div>

Бъркам ли някъде нещо неми се получава, значи като цукна на плюсчето става минус и извежда съдържанието, после като цукна да го скрий несе връща плюс.. Къде бъркам?

14 февруари 201214 г.

Мда, причината е, че браузерите трансформират string-а до full path! Пробвай с този ред:

btn.src = ( /plus.gif$/.test(btn.src) )? "minus.gif" : "plus.gif";

Използва RegExp. Проверява дали в края на string-а за btn.src има "plus.gif".

15 февруари 201214 г.

Автор

Благодаря, сега работи идеално.

15 февруари 201214 г.

Ако смяташ да се занимаваш с по-сериозно с javascript разгледай jquery , както ти е предложил Disasterpiece. Има доби уроци тук. Ако го схванеш писането на javascript който върви под всички браузъри, ще стане песен.

Архивирана тема

Темата е твърде стара и е архивирана. Не можете да добавяте нови отговори в нея, но винаги можете да публикувате нова тема, в която да продължи дискусията. Регистрирайте се или влезте във вашия профил за да публикувате нова тема.