Forum PHP.pl > Rozwijana treśc

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Forgoot

25.03.2006, 13:09:35

Witam chcialbym wiedziec jak zrobic rozwijana tresc, i jak dodac taki kod do BBCode?
Przyklad rozwijanej treści jest w news'ie na stronie: zobacz. Chodzi mi o linki:
- Grupy 1-4
- Grupy 5-8
- ....
Prosze o odpowiedź...

Balas

25.03.2006, 13:31:24

[HTML] pobierz, plaintext 
<a href="#" onClick="if (blok1.style.display =='block') { blok1.style.display='none';} else {blok1.style.display='block';}">Link</a>
	<div id="blok1" style="display: none">
		To co ma byc wewnatrz
   	</div>
[HTML] pobierz, plaintext

Forgoot

25.03.2006, 13:34:44

A jak taką opcję dodac do bbcode? Chcialbym miec, w panelu admina jakiegos prostego skryptu news'owego (lub obojętnie jakiego), przycisk np: rozwijana tresc, abym mogl latwo dodac to w newsie lub innej tresci.

gekon

25.03.2006, 13:36:31

Metoda bardziej dyskretna
java script:

Kod

showHide = function(element){
element.onclick = function(){
  var p = element.parentNode.getElementsByTagName('p')[0];
  if(p.className == '' || p.className == 'visible'){
   p.className = 'hidden';
  }
  else{
   p.className = 'visible';
  }
}
}

window.onload=function(){
var parent = document.getElementById('lastByCategory')
if (parent) {
  var child = parent.getElementsByTagName('li')
  for (var i = 0; i < child.length; i++) {
   var handler = child[i].getElementsByTagName('h3')
   showHide(handler[0]);
  }
} else {
  return false;
}
}

CSS:

Kod

.visible { display: block; }
.hidden { display: none; }

HTML:

[HTML] pobierz, plaintext 
<ul id="lastByCategory">
<li>
 <h3>Polska</h3>
 <p>Treśc</p>
</li>
<li>
 <h3>Europa</h3>
 <p>Treść</p>
</li>
<li>
 <h3>Świat</h3>
 <p>Treść</p>
</li>
</ul>
[HTML] pobierz, plaintext

Forgoot

26.03.2006, 15:11:08

Witam!
Utworzyłem przykładową stronę (na podst eSp): index.html (jej kod poniżej), po edycji strony o której mówiłem wcześniej. Wszystko działa, ale nadal niewiem jak tą opcję (rozwijana treść) dodać do BBCode. Chciałbym umieścić to do BBCode w skrypcie forum, jakim jest: phpbb2.
Proszę o pomoc.

[HTML] pobierz, plaintext 
<html>
<head>
<script language=JavaScript>
<!--//
  function flip(rid)
  {
    current=(document.getElementById(rid).style.display == 'none') ? 'block' : 'none';
    document.getElementById(rid).style.display = current;
  }
//-->
</script>
</head>
<body>
<A HREF="#" ONCLICK="flip('test'); return false;"><B>Link</B></A><SPAN ID="test"><script LANGUAGE="JAVASCRIPT">flip('test');</SCRIPT><div style="padding-bottom: 10px;padding-left: 30px; padding-top: 10px; padding-right: 30px;"><br />
Tresc...
</body>
</html>
[HTML] pobierz, plaintext

Pozdrawiam.

=====================

Ok, mam

[PHP] pobierz, plaintext 
<?php
   function ukryj ( $match )   {
      $id = uniqid();      
      return '<a href="#" onclick="flip('' . $id . ''); return false;"><b>' . $match[1] . '</b></a><div id="' . $id . '" class="ukryj" style="display: none;">' . $match[2] . '</div>';
   }
   
   $str = preg_replace_callback("#\[ukryj=\"?(.*?)\"?\](.*?)\[/ukryj]#si", 'ukryj', $str);
?>
[PHP] pobierz, plaintext

JS:

Kod

function flip( rid ) {
document.getElementById(rid).style.display = document.getElementById(rid).style.display == 'none' ? 'block' : 'none'
}

CSS:

Kod

.ukryj {
padding-bottom: 10px; padding-left: 30px; padding-top: 10px; padding-right: 30px;
}

Używanie:

Kod

[ukryj="link"]rozwijana treść[/ukryj]

Myślę, że można temat przenieść na: php?

jezjez

28.12.2008, 18:07:37

Hej jak to zaimplementować na w php bez używania BBCode

Cytat

Kod PHP
<?php
function ukryj ( $match ) {
$id = uniqid();
return '<a href="#" onclick="flip(\'' . $id . '\'); return false;"><b>' . $match[1] . '</b></a><div id="' . $id . '" class="ukryj" style="display: none;">' . $match[2] . '</div>';
}

$str = preg_replace_callback("#\[ukryj=\"?(.*?)\"?\](.*?)\[/ukryj]#si", 'ukryj', $str);
?>

A dokładniej jak mam tego użyć

Cytat

[ukryj="link"]rozwijana treść[/ukryj]

Czy w jakiś inny sposub

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.