Бутон Скрий/Покажи

[niki_noki]

Здравейте..

Вадя дълъг текст от база данни и го съкращавам чрез mb_strlen()

Ето го и кода:

$substr = mb_strlen($info, "utf-8")>70 ? mb_substr($info, 0, 70	, "utf-8")." ... <a href='index.php?id=$id'> още </a> " : $info;

echo "информация: $info";

Та въпроса ми е как мога да го направя да има бутон Скрий/Покажи ..

Когато текста е скрит да излиза ПОКАЖИ, а когато е изкаран целия да излиза СКРИЙ..


ПП: Ако някой не ме е разбрал ще обясня пак

 

[Dodo1987]

http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

 

[m1ro]

http://videotutorials-bg.com/lessons.php?action=viewsub&id=39&t=418&page=2
Виж основно javascript кода ти html-a си го генерирай с php пак.

 

[niki_noki]

http://videotutorials-bg.com/lessons.php?action=viewsub&id=39&t=418&page=2
Виж основно javascript кода ти html-a си го генерирай с php пак.

Нещо нестава..



Излизат ми текстовете отдолу без да съм дал Покажи :idea:

 

[m1ro]

http://videotutorials-bg.com/lessons.php?action=viewsub&id=39&t=418&page=2
Виж основно javascript кода ти html-a си го генерирай с php пак.

Нещо нестава..



Излизат ми текстовете отдолу без да съм дал Покажи :idea:

Първо задай display:none; във css на дивовете които са ти с текстовете и после ползвай slideToggle функцията.

 

[niki_noki]

Управих се..

Но сега има друг проблем :idea:

Имам 3 добавени неща

Нещо 1 (Скрий/Покажи)

Нещо 2 (Скрий/Покажи)

Нещо 3 (Скрий/Покажи)

Извадени са от MySql

И когато дам на нещо 1 , скрива и показва това под него (така трябва да е)

Но когато дам скрий/покажи на нещо 2 скрива или показва на нещо 1,, т.е всичко го прави само на нещо 1

 

[m1ro]

Управих се..

Но сега има друг проблем :idea:

Имам 3 добавени неща

Нещо 1 (Скрий/Покажи)

Нещо 2 (Скрий/Покажи)

Нещо 3 (Скрий/Покажи)

Извадени са от MySql

И когато дам на нещо 1 , скрива и показва това под него (така трябва да е)

Но когато дам скрий/покажи на нещо 2 скрива или показва на нещо 1,, т.е всичко го прави само на нещо 1

дай кода който си написал и генерирания html да ти преправя кода за да стане. защото в урока показвам с един елемент как става.

 

[niki_noki]

<script>
	$(document).ready(function() {
		$("#pole").hide();
		});
		function pokaji() {
			$("#pole").slideToggle("slow");
			}
</script>

Име: <b> $name </b> <a href='#' onClick='pokaji()'> още </a> <br /> <div id='pole'> Информация: $info</div> <div id='cherta'></div>

ПП: Защо не работи под IE :roll:

 

[m1ro]

Ето това е. Направи си $id променлива при въртенето на масива с данните от базата данни за да знаеш кой елемент да се показва и скрива.

Име: <b> $name </b> <a href='#' onClick='pokaji(<?= $id;?>)'> още </a> <br /> <div id='pole<?= $id; ?>' class="pole"> Информация: $info</div> <div id='cherta'></div>


<script>
   $(document).ready(function() {
      $(".pole").hide();
      });
      function pokaji(i) {
         $("#pole"+ i).slideToggle("slow");
         }
</script>

Най важното е аргумента на функцията и след това да задаваш уникални имена на #pole1 #pole2 и тн с php

 

[niki_noki]

Не се получава..

сега не искат да слизат надолу :roll:

 

[Rushvet]

<script>
   $(document).ready(function(abc) {
      $(abc).hide();
      });
      function pokaji() {
         $(abc).slideToggle("slow");
         }
</script> 

Име: <b> $name </b> <a href='#' onClick='pokaji('pole')'> още </a> <br /> <div id='pole'>  Информация: $info</div> <div id='cherta'></div>

По особеното тук е че при задаването на линка "Още" трябва да пишеш на действието onclick следното:
onClick='pokaji('pole')'

в червено пишеш името на дива. Не съм пробвал кода но предполагам ще работи.

 

[m1ro]

Не се получава..

сега не искат да слизат надолу :roll:

Сигурен ли си, че имаш винаги различни id-та и са еднакви на бутона и на див-а??

 

[niki_noki]

Не се получава..

сега не искат да слизат надолу :roll:

Сигурен ли си, че имаш винаги различни id-та и са еднакви на бутона и на див-а??

Ддада извинявай

Но виж сега как се застъпват :?

 

[niki_noki]

Така това го управих, но сега проблема е че като вляза в тая страница те са си показани.. а аз искам да са скрити и след като се даде покажи/скрии да се показва :roll:

 

[kulov]

Дай си кода

 

[niki_noki]

Грешката беше моя :?:


m1ro +1