Като цъкнат тогава да им отваря новината

[racer]

Здравейте искам да ми исписва във индеха само заглавията на новините и като цъкнат някво заглавие красиво да се плъзни надолу и да я покажи

 

[kriss]

Collapsible div?

 

[racer]

Може ли по подробничко защото немога да схвана нищо от този сайт...

 

[kriss]

просто следваш инсрукциите -
теглиш си това animatedcollapse.js
в <head> слагаш:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="animatedcollapse.js"></script>
<script type="text/javascript">
animatedcollapse.ontoggle=function($, divobj, state){ }
animatedcollapse.init()
</script>

после в while където си показваш заглавията:

while($r=...){
echo"<script>animatedcollapse.addDiv('novina$r[id]', 'fade=1')</script>";
echo"<a href='javacript:void(0);' rel='toggle(novina$r[id])'>$r[title]</a><div id='novina$r[id]' style='display:none;'>$r[text]</div>":
}

където си променяш $r[id], $r[title] (заглавието), и $r[text] - текста

 

[racer]

Това много ме объркa ...

 

[kriss]

кое не ти е ясно?

 

[racer]

Значи сложих този js файл във главната директория но другото много ме обърква дал съм ти на лично индеха ми ..

 

[misho]

Друг вариант е да използваш jQuery. Това е JavaScript библиотека, с която се работи много лесно (поне на мен ми е лесно), а и има доста подробна информация и примери.
Това, което се иска от теб е просто да изтеглиш файла с jQuery библиотеката и да го сложиш към сайта си, и да напишеш няколко реда на JS. Ето един пример:

1. Изтегляш си последната версия на jQuery и я вмъкваш в сайта си:

<head>
 ...
 <script src="jquery-1.5.1.min.js" type="text/javascript"></script>
 ...
</head>

2. Задаваш си елемента, който ще скриваш/показваш и „бутона“, с който ще става това:

<body>
 ...
 <a href="#" onclick="showHide('info')" title="Покажи/Скрии информацията">Покажи/Скрии</a>
 <div id="info">Това е скритата информация</div>
 ...
</body>

3. Сега остава да си нагласиш ефектите. Имаш голям избор, така е можеш да си поиграеш. Ето просто един пример:

<head>
 ...
 <script src="effects.js" type="text/javascript"></script>
 ...
</head>

effects.js
[js]$(function () {
$("#info").hide(); /* скриваме информацията */
});
function showHide(div) {
var divID = "#" + div;
$(divID).toggle(450); /* това показва/скрива div-а, като 450 е скорстта (в милисекунди, ако не се лъжа) */
}[/js]
4. Това е!

 

[racer]

Ще може ли да ми дадеш линк от кадето да я дръпна

 

[misho]

Ще може ли да ми дадеш линк от кадето да я дръпна

Еми дадох ти. На сайта вдясно има голям бутона Download. :wink:

Друг вариант е да използваш jQuery...

 

[racer]

Дано показва от страни аз искам като се цъкни да ги показва от горе на долу ...

 

[misho]

Не съм сигурен дали те разбарх правилно, но може би трябва да използваш slideToggle(), вместо toggle(). Виж примерите!

 

[racer]

каде са тия примери

 

[misho]

В страницата на всяка функция (дал съм ти страниците на конкретните функции) има илюстрации, показващи как действа, Demo, което си е чиста демонстрация и Example, където е показан кода, който стои зад примера.

 

[racer]

+1 Мерси много