spoiler ?? php mysqli
ik zoek zo soort spoiler maar weet niet het heet hier een voorbeeld
blablbls
sdvffsd
[meer lezen]
[spoiler]ddfgdsffdvg
dfsfsdsd
[/spoiler]
MVG KENNY
Dat kan je toch met jQuery's toggle() doen?
- Aar - op 09/11/2014 15:29:49:
Dat kan je toch met jQuery's toggle() doen?
iets meer info graag
als er bv 100 worden zijn dat er dan 75 worden gezien en voor die andere 25 moet je ergens op drukken :)
Een pagina-systeem bedoel je? Zoals je vaak in forums ziet, dat je x-aantal reacties per pagina ziet?
maar dat heb ik binnekort nodig
bij facebook zie je deel van tekst en daar onder meer lezen
en dat heb ik nodig :)
Maak eens een schets of screenshot?
En als je dan op lees meer klikt, krijg je:
jQuery slideDown/slideUp, CSS overflow:hidden en PHP substr
dat ja ozzie
Lijkt me een CSS-class die wisselt en de hoogte van de div bepaalt als je op "meer" drukt.
en hoe kan ik dat het beste doen
Met jQuery's addClass kan je een CSS-class toevoegen waarbij je het divje aan langere height geeft.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
function addSpoiler($words){
$wordsArr = explode(' ', $words);
$wordsArr[0] = '<div>' . $wordsArr[0];
$wordsArr[count($wordsArr) - 1] = $wordArr[count($wordsArr) - 1] . '</div>';
if(count($wordsArr) > 75){
$wordsArr[75] = '</div><div class="spoiler" >' . $wordArr[75];
}
return implode(' ', $wordsArr);
}
}
?>
$wordsArr = explode(' ', $words);
$wordsArr[0] = '<div>' . $wordsArr[0];
$wordsArr[count($wordsArr) - 1] = $wordArr[count($wordsArr) - 1] . '</div>';
if(count($wordsArr) > 75){
$wordsArr[75] = '</div><div class="spoiler" >' . $wordArr[75];
}
return implode(' ', $wordsArr);
}
}
?>
<button type="button" onclick="spoiler()">
<script>
function spoiler(){
$('.spoiler').css('display', 'block');
}
Mooi. Leuke is dat jQuery zelf al een click-event heeft. Dus waarom zou je onclick in HTML willen gebruiken? ;-)
- Aar - op 09/11/2014 20:05:06:
Mooi. Leuke is dat jQuery zelf al een click-event heeft. Dus waarom zou je onclick in HTML willen gebruiken? ;-)
ik krijg hem van een vriend
heb hem bijna helemaal gefixt
alleen nu deze error
Uncaught ReferenceError: $ is not defined
op dit stukje code
Vergeet niet jQuery in te laden en te 'starten'.
en dan zegt die $ fout is
<script>
function spoiler(){
$('.spoiler').css('display', 'block');
}
</script>
Ja, dat zei je al ;-)
alleen jqeury geef zelf de error in de bedugger van van chrome