Javascript includen
Ik heb het volgende in mijn index.php (in de head)
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<script type="text/javascript">
$(document).ready(function(){
$(".FAQ_Vraag").click(function () {
$('.FAQ_Antwoord').hide("slow");
$(this).next('.FAQ_Antwoord').show("slow");
});
});
</script>
$(document).ready(function(){
$(".FAQ_Vraag").click(function () {
$('.FAQ_Antwoord').hide("slow");
$(this).next('.FAQ_Antwoord').show("slow");
});
});
</script>
Vervolgens heb ik een bestand dat geincluded wordt en die geinstantieerd wordt.
Alleen, alles komt er wel uit, <p> is ook wel display: none, alleen als ik klik op <a> gebeurt er niks!
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<?php
class FAQ
{
public $content;
public $page;
function __construct()
{
$this->page = (isset($_GET['page']) ? $_GET['page'] : 'home');
$this->step();
}
function step()
{
$sql = 'SELECT * FROM faq ORDER BY rang, id';
$result = mysql_query($sql);
$this->content = '<table>';
while ($row = mysql_fetch_assoc($result))
{
$this->content .= ' <tr>
<td><a class="FAQ_Vraag" ><b>'.ucfirst($row['title']).'</b></a></td>
</tr>
<tr>
<td><p class="FAQ_Antwoord" style="display: none;" ><i>'.$row['answer'].'</i></p></td>
</tr>
<tr>
<td> </td>
</tr>';
}
$this->content .= '</table>';
}
}
?>
class FAQ
{
public $content;
public $page;
function __construct()
{
$this->page = (isset($_GET['page']) ? $_GET['page'] : 'home');
$this->step();
}
function step()
{
$sql = 'SELECT * FROM faq ORDER BY rang, id';
$result = mysql_query($sql);
$this->content = '<table>';
while ($row = mysql_fetch_assoc($result))
{
$this->content .= ' <tr>
<td><a class="FAQ_Vraag" ><b>'.ucfirst($row['title']).'</b></a></td>
</tr>
<tr>
<td><p class="FAQ_Antwoord" style="display: none;" ><i>'.$row['answer'].'</i></p></td>
</tr>
<tr>
<td> </td>
</tr>';
}
$this->content .= '</table>';
}
}
?>
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<script type="text/javascript">
$(document).ready(function(){
$('a.FAQ_Vraag').click(function () {
$('p.FAQ_Antwoord').hide('slow');
});
});
</script>
$(document).ready(function(){
$('a.FAQ_Vraag').click(function () {
$('p.FAQ_Antwoord').hide('slow');
});
});
</script>
Dus nee, dat doet niets.
Gewijzigd op 03/02/2011 15:03:17 door Ozzie PHP
Karl Karl op 03/02/2011 15:13:43:
Nee, dat is niet waar. Hier probeer ik het te doen met vanaf een andere pagina het includen. Daarnaast, je link in dat andere topic werkt niet.
@Ozzy, nee helaas ook dan niet.
Gewijzigd op 03/02/2011 15:15:45 door John Cena
Pim - op 03/02/2011 15:17:02:
Volgens mij maak je een denkfout in de serverside/clienside constructie. Gebruik je überhaupt AJAX?
Nee, maar waarom is dat nodig?
Pim - op 03/02/2011 15:17:02:
Volgens mij maak je een denkfout in de serverside/clienside constructie.
Gaat gewoon om jQuery dus heeft niks te maken met clientside toch? Hij krijgt alleen z'n scriptje niet aan de gang.
<tr>
<td><a class="FAQ_Vraag" ><b>De facturen werden altijd automatisch geincasseerd; Nu niet meer. Hoe kan dat ?</b></a></td>
</tr>
<tr>
<td><p class="FAQ_Antwoord" style="display: none;" ><i> blablalbla</i></p></td>
</tr>
Uiteraard staat in de head van dezelfde pagina die javascript.
Gewijzigd op 03/02/2011 15:37:58 door John Cena
Wat wil je nu precies doen?