Voeg een image toe
Hopelijk hebben jullie voor mijn wat tips of ideeen.
Ik ben met iets bezig en wilde dit automatisch doen in plaats van iedere keer
de <img source=blahblah.jpg> te gebruiken.
Mijn idee is om automatisch een image toe te wijzen als een betreffend woord is getypt.
Deze image moet dan automatisch vóór het woord komen dat is getypt in het script.
De code doe ik momenteel gebruik is als volgt...
<div class="name">Juventus - Barcelona</div>
Het zou nu mooi zijn zodra ik deze woorden type dat er dan automatisch 2 images
worden toegevoegd aan desbetreffende namen zoals in de afbeelding hier beneden.
Is dit mogelijk en zo ja zijn hier scripts of tutorials over?
Alvast Bedankt
Gewijzigd op 04/01/2017 00:06:32 door John Rensch
Bedankt voor je antwoord....Ik wil de tekst niet vervangen, ik wil gewoon een image toekennen aan bepaalde tekst zodat het automatisch een image zet vóór de tekst.
Dus als er in het scriptje zoals hierboven het woord Juventus geschreven staat dat er in de output dan een image logo van Juventus bij gezet word,en zo ook voor het woord Barcelona die dan een Logo van Barcelone erbij zet.
Gewijzigd op 04/01/2017 13:05:00 door John Rensch
Dus naar mijn idee is het een prima oplossing. Plus dat je de bron intact laat. Dus mocht je ooit van het idee af willen stappen, dan hoef je alleen maar de str_replace uit je layout weg te halen. Het komt qua opzet behoorlijk neer op een smiley-parser die je wel overal op internet vindt.
Gewijzigd op 04/01/2017 13:30:47 door - Ariën -
Kijk en daar loopt het nu vast bij mij :-)
Ik heb nagenoeg helemaal geen ervaring om dit te bewerkstelligen.
Is er misschien ergens een tutorial die dit onderwerp bespreekt,want ik weet dit niet zelf op te lossen.
https://www.google.nl/search?q=php+smiley+parser
Anyway, je komt dan op dit neer:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
function parseNames($text) {
$names = array();
$names[] = array("Barcelona",'<img src="barcelona.png">');
$names[] = array("Juventus","<img src='Juventus.png'>");
foreach ($names as $name) {
$text = str_replace($name[0],$name[0]." ".$name[1],$text);
}
return $text;
}
echo parseNames("Barcelona en Juventus");
?>
function parseNames($text) {
$names = array();
$names[] = array("Barcelona",'<img src="barcelona.png">');
$names[] = array("Juventus","<img src='Juventus.png'>");
foreach ($names as $name) {
$text = str_replace($name[0],$name[0]." ".$name[1],$text);
}
return $text;
}
echo parseNames("Barcelona en Juventus");
?>
Gewijzigd op 04/01/2017 13:58:25 door - Ariën -
Code (php)
1
<span class="home juventus">Juventus</span> - <span class="away barcelona">Barcelona</span>
En als je dit nog korter wilt maken voeg je een UBB-laag tussen zodat je zoiets kunt doen:
Code (php)
1
[home]Juventus[/home] - [away]Barcelona[/away]
Maar de pagina wordt waarschijnlijk al dynamisch opgebouwd? Met behulp van code? Die kan prima wat HTML-tags / stijlregels voor je uitschrijven, hier heb je dan niet per se een UBB-laag voor nodig. Het wordt natuurlijk iets anders als je dit in lopende tekst wilt gebruiken.
Het hangt er dus een beetje van af waar en wanneer je dit in wilt zetten.
Alvast bedankt voor alle reacties
Toevoeging op 05/01/2017 01:29:37:
Ik denk dat ik eruit ben...
Ik heb het een dubbele class gegeven
<div class="match-info">
<div class="team1 ">
<!-- #TEAM IMAGE-1 -->
<div class="logo wil"></div>
<!-- #TEAM IMAGE-1 -->
<div class="name">Willem II</div>
</div>
<div class="vs">VS</div>
<div class="team2 ">
<!-- #TEAM IMAGE-2 -->
<div class="logo vit"></div>
<!-- #TEAM IMAGE-2 -->
<div class="name">Vitesse</div>
</div>
</div>
Het uiteindelijke resultaat kun je hier zien
http://sebn.sc/game.php
Ik denk dat ik het zo ga maken want dit lijkt me goed te doen,hoewel het wel veel werk is om 8 competities te verwerken :-)
Hartelijk bedankt
Gewijzigd op 05/01/2017 01:31:33 door John Rensch