Премахване на div с Jquery?

H

heminei

Registered
Целта ми е при кликване на линк UP да се замени съдържанието на div id='vote_dir' със някакъв текст?


Това е моя код, който не работи:

PHP: 
echo"
<script type='text/javascript'>
$(function() {
	$('.vote_div').click(function(){
		$(this).hide();
		return false;	
	});
	$('.vote_up').click(function(){
		$(this).html('asd asd sadsa d');
		return false;	
	});
});
</script>
";

echo"<div class='vote_div'><a class='vote_up' href='asdasd'>Up</a> <a class='vote_down' href='asdasd'>Down</a></div> ";
echo"<div class='vote_div'><a class='vote_up' href='asdasd'>Up</a> <a class='vote_down' href='asdasd'>Down</a></div> ";
echo"<div class='vote_div'><a class='vote_up' href='asdasd'>Up</a> <a class='vote_down' href='asdasd'>Down</a></div> ";
echo"<div class='vote_div'><a class='vote_up' href='asdasd'>Up</a> <a class='vote_down' href='asdasd'>Down</a></div> ";
echo"<div class='vote_div'><a class='vote_up' href='asdasd'>Up</a> <a class='vote_down' href='asdasd'>Down</a></div> ";
echo"<div class='vote_div'><a class='vote_up' href='asdasd'>Up</a> <a class='vote_down' href='asdasd'>Down</a></div> ";
echo"<div class='vote_div'><a class='vote_up' href='asdasd'>Up</a> <a class='vote_down' href='asdasd'>Down</a></div> ";
echo"<div class='vote_div'><a class='vote_up' href='asdasd'>Up</a> <a class='vote_down' href='asdasd'>Down</a></div> ";
 
При мен работи..
Виж дали си инклуднал jQuery библиотеката :idea:
пп: това си работи.. виж да не е нещо от пхп кода и пробвай това тук
HTML: 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js" ></script>
<script type='text/javascript'>
$(function() {
        $('.vote_div').click(function(){
                $(this).hide();
                return false;   
        });
        $('.vote_up').click(function(){
                $(this).html('primeren tekst');
                return false;   
        });
});
</script>
<div class='vote_div'><a class='vote_up' href='asdasd'>Up1</a> <a class='vote_down' href='asdasd'>Down1</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up2</a> <a class='vote_down' href='asdasd'>Down2</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up3</a> <a class='vote_down' href='asdasd'>Down3</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up4</a> <a class='vote_down' href='asdasd'>Down4</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up5</a> <a class='vote_down' href='asdasd'>Down5</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up6</a> <a class='vote_down' href='asdasd'>Down6</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up7</a> <a class='vote_down' href='asdasd'>Down7</a></div>
<div class='vote_div'><a class='vote_up' href='asdasd'>Up8</a> <a class='vote_down' href='asdasd'>Down8</a></div>
 
То работи частично. Целта ми е като се кликне на един от двата линка (UP или DOWN ), да се заместят линковете с текст.

Да стане така:

PHP: 
echo"<div class='vote_div'>тееееекст</div> ";
 
heminei каза:
То работи частично. Целта ми е като се кликне на един от двата линка (UP или DOWN ), да се заместят линковете с текст.

Да стане така:

PHP: 
echo"<div class='vote_div'>тееееекст</div> ";
Увеличете...
така?
HTML: 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js" ></script>
<script type='text/javascript'>
$(function() {
        $('.vote_div').click(function(){
                $(this).hide();
                return false;   
        });
        $([b]'.vote_div'[/b]).click(function(){
                $(this).html('primeren tekst');
                return false;   
        });
});
</script>
<div class='vote_div'><a class='vote_up' href='asdasd'>Up1</a> <a class='vote_down' href='asdasd'>Down1</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up2</a> <a class='vote_down' href='asdasd'>Down2</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up3</a> <a class='vote_down' href='asdasd'>Down3</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up4</a> <a class='vote_down' href='asdasd'>Down4</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up5</a> <a class='vote_down' href='asdasd'>Down5</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up6</a> <a class='vote_down' href='asdasd'>Down6</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up7</a> <a class='vote_down' href='asdasd'>Down7</a></div>
<div class='vote_div'><a class='vote_up' href='asdasd'>Up8</a> <a class='vote_down' href='asdasd'>Down8</a></div>
 
Само ги маха! Още по-точно ми трябва за рейтинг на коментари! Други варианти?
 
heminei каза:
Само ги маха! Още по-точно ми трябва за рейтинг на коментари! Други варианти?
Увеличете...

Не ти хванах много много идеята. Искаш като се кликне да се сменя текста и след това да се скрива div-а?

Код: 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js" ></script>
<script type='text/javascript'>
$(function() {
        $('.vote_div').click(function(){
                $(this).html('primeren tekst');
                $(this).hide(5000);
                return false;   
        });
});
</script>
<div class='vote_div'><a class='vote_up' href='asdasd'>Up1</a> <a class='vote_down' href='asdasd'>Down1</a></div>

Или искаш само да се променя текста:

Код: 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js" ></script>
<script type='text/javascript'>
$(function() {
        $('.vote_div').click(function(){
                $(this).html('Рейтингът е:');
                return false;   
        });
});
</script>
<div class='vote_div'><a class='vote_up' href='asdasd'>Up1</a> <a class='vote_down' href='asdasd'>Down1</a></div>
 
Проблема ми е че имам много дивове с един и същи клас:

HTML: 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up1</a> <a class='vote_down' href='asdasd'>Down1</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up2</a> <a class='vote_down' href='asdasd'>Down2</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up3</a> <a class='vote_down' href='asdasd'>Down3</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up4</a> <a class='vote_down' href='asdasd'>Down4</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up5</a> <a class='vote_down' href='asdasd'>Down5</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up6</a> <a class='vote_down' href='asdasd'>Down6</a></div> 
<div class='vote_div'><a class='vote_up' href='asdasd'>Up7</a> <a class='vote_down' href='asdasd'>Down7</a></div>
<div class='vote_div'><a class='vote_up' href='asdasd'>Up8</a> <a class='vote_down' href='asdasd'>Down8</a></div>

Искам като цъкна на линка UP да се праща с load функцията този линк vote.php?id=$row[id]&glas=up и да се върне резултата от vote.php в <div class='vote_div'></div>.
 
виж функцията която изполваш трябва да има callback

давам ти пример:


$('.vote_div').click(function(){

$(this).fadeOut("slow",function(){
//tuk teksta koito iska6 da se izvede sled kato se skrie dadeniq div
});



});
 
HTML: 
<a href="javascript:;" onclick="vote_comment(\''.$promenliva[id].'\')">+</a>
<div id="comment">Песничката си я бива<br /><div id="comment--'.$promenliva[id].'" style="display:none;"></div></div>
[js]function vote_comment(id) {
$('#comment-' + id + ').css('display', 'block').html('Вие гласувахте с "+" за този коментар!');
return false;
}[/js]
:?:
 
Ev0luti0N каза:
HTML: 
<a href="javascript:;" onclick="vote_comment(\''.$promenliva[id].'\')">+</a>
<div id="comment">Песничката си я бива<br /><div id="comment--'.$promenliva[id].'" style="display:none;"></div></div>
[js]function vote_comment(id) {
$('#comment-' + id + ').css('display', 'block').html('Вие гласувахте с "+" за този коментар!');
return false;
}[/js]
:?:
Увеличете...


Благодаря @Ev0luti0N, даде ми идея и тя стана:
Още не съм свикнал с функциите на Jquery, все пак започнах да го уча днес :D :D .

Благодаря Ви на всички! +1 @Ev0luti0N


Пример:

HTML: 
<script type='text/javascript'>
$(function() {
	$('.vote_up').click(function(){
		var page = $(this).attr('value');	
		$('.vote_div_'+page).hide(); 
		$('.vote_div_'+page).html('Value='+page).fadeIn(1000);   
		return false; 
	});
});
</script>
<div class='vote_div_1111'><a value='1111' class='vote_up' href='asdasd'>Up1</a> </div> 
<div class='vote_div_2222'><a value='2222' class='vote_up' href='asdasd'>Up2</a> </div> 
<div class='vote_div_3333'><a value='3333' class='vote_up' href='asdasd'>Up3</a> </div> 
<div class='vote_div_4444'><a value='4444' class='vote_up' href='asdasd'>Up4</a> </div> 
<div class='vote_div_5555'><a value='5555' class='vote_up' href='asdasd'>Up5</a> </div> 
<div class='vote_div_6666'><a value='6666' class='vote_up' href='asdasd'>Up6</a> </div> 
<div class='vote_div_7777'><a value='7777' class='vote_up' href='asdasd'>Up7</a> </div>
<div class='vote_div_8888'><a value='8888' class='vote_up' href='asdasd'>Up8</a> </div>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе