style toepassen op 1 woord - Softwareontwikkeling

donderdag 14 mei 2009 10:09

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Ik zoek een manier om een style te verbinden aan 1 woord.

Op mijn site staan meerdere malen de bedrijfsnaam in de content en elders. Laten we dit even BRAIN2MOVE noemen.

Nu zoek ik een mogelijkheid om alle woorden BRAIN2MOVE in de site automatisch aan een style toe te passen.

BRAIN <-- oranje
2 <-- groen
MOVE <-- oranje

Ook dient alles omgezet te worden naar CAPITALS. Dus brain2move of Brain2Move moet worden BRAIN2MOVE.

ik heb me helemaal sufgezocht op w3schools zonder resultaat en heb ook nog naar php gekeken, tevergeefs...

donderdag 14 mei 2009 10:13

Acties:

0 Henk 'm!

Mike2k

Zone grote vuurbal jonge! BAM!

JOUWWOORD gebruiken....is een inline html element

En die letters uppercase maken....dat moet je kunnen vinden....strtoupper()

You definitely rate about a 9.0 on my weird-shit-o-meter
Chuck Norris doesn't dial the wrong number. You answer the wrong phone.

donderdag 14 mei 2009 10:16

Acties:

0 Henk 'm!

Johnvh

In de CSS een class aanmaken die de tekst oranje en uppercase maakt en die zoals Fastex zegt oproepen met het span element.

donderdag 14 mei 2009 10:17

Acties:

0 Henk 'm!

EDIT

Fastex schreef op donderdag 14 mei 2009 @ 10:13:

En die letters uppercase maken....dat moet je kunnen vinden....strtoupper()

Zelfs met simpele css is dat mogelijk, heb je geen rare dingen (lees PHP of weet ik verder veel wat voor taal) voor nodig. Simpelweg met text-transform: uppercase;

donderdag 14 mei 2009 10:20

Acties:

0 Henk 'm!

Mike2k

Zone grote vuurbal jonge! BAM!

@Edit: Coolio! dat wist ik niet....

You definitely rate about a 9.0 on my weird-shit-o-meter
Chuck Norris doesn't dial the wrong number. You answer the wrong phone.

donderdag 14 mei 2009 10:21

Acties:

0 Henk 'm!

Matis

Rubber Rocket

EDIT schreef op donderdag 14 mei 2009 @ 10:17:
[...]

Zelfs met simpele css is dat mogelijk, heb je geen rare dingen (lees PHP of weet ik verder veel wat voor taal) voor nodig. Simpelweg met text-transform: uppercase;

http://nl2.php.net/str_ireplace

PHP:

$search = 'BRAIN2MOVE';
$subject = $html_body;
$replace = '<span id="oranje">BRAIN</span><span id="groen">2</span><span id="oranje">MOVE</span>';
mixed str_ireplace  ( mixed $search  , mixed $replace  , mixed $subject  [, int &$count  ] )

Zoiets kan ook

[ Voor 0% gewijzigd door Matis op 14-05-2009 10:21 . Reden: " !== ' ]

If money talks then I'm a mime
If time is money then I'm out of time

donderdag 14 mei 2009 10:21

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Correct, maar nu op deze manier moet ik zelf alle woorden in een SPAN zetten, en dat is nou juist niet de bedoeling, ik vroeg me af of ik dat serverside kon regelen...

dus

code:

Lorem ipsum dolor sit amet, BRAIN2MOVE consectetur adipiscing elit.
Suspendisse BRAIN2MOVE auctor ligula quis lorem consectetur eget dignissim
erat malesuada. Nulla pulvinar metus non turpis condimentum id ornare BRAIN2MOVE
augue placerat. Sed quis fermentum massa. Duis faucibus BRAIN2MOVE rhoncus est,
quis bibendum quam mollis vel.

ipv

code:

Lorem ipsum dolor sit amet, <SPAN>BRAIN2MOVE<SPAN /> consectetur adipiscing elit.
Suspendisse <SPAN>BRAIN2MOVE<SPAN /> auctor ligula quis lorem consectetur eget
dignissim erat malesuada. Nulla pulvinar metus non turpis condimentum id ornare <SPAN>BRAIN2MOVE<SPAN /> augue placerat. Sed quis fermentum massa. 
Duis faucibus <SPAN>BRAIN2MOVE<SPAN /> rhoncus est, quis bibendum quam mollis vel.

donderdag 14 mei 2009 10:21

Acties:

0 Henk 'm!

Herko_ter_Horst

Wat de TS volgens mij vraagt is *automatisch* alle vormen van "brain2move" herkennen en van de juiste style voorzien. Daar is geen oplossing voor zonder programmeerwerk.

Je kan in PHP (of een willekeurige andere taal) uiteraard een regular expression schrijven die alle mogelijke vormen van dit merk herschrijft inclusief markup om een style aan toe te kennen.

"Any sufficiently advanced technology is indistinguishable from magic."

donderdag 14 mei 2009 10:28

Acties:

0 Henk 'm!

Matis

Rubber Rocket

Verwijderd schreef op donderdag 14 mei 2009 @ 10:21:
Correct, maar nu op deze manier moet ik zelf alle woorden in een SPAN zetten, en dat is nou juist niet de bedoeling, ik vroeg me af of ik dat serverside kon regelen...
dus

Zoiets?

http://meuk.matis-digital.com/b2m/

If money talks then I'm a mime
If time is money then I'm out of time

donderdag 14 mei 2009 10:30

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

toaomatis schreef op donderdag 14 mei 2009 @ 10:28:
[...]

Zoiets?

http://meuk.matis-digital.com/b2m/

Yeah! Thats great!

Hoe heb je dat nou toegepast?

code:

<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Lorem ipsum dolor sit amet</title>
</head>

<body>
<?php
$search = 'BRAIN2MOVE';
$subject = $html_body;
$replace = '<span id="oranje">BRAIN</span><span id="groen">2</span><span id="oranje">MOVE</span>';
mixed str_ireplace  ( mixed $search  , mixed $replace  , mixed $subject  [, int &$count  ] )
?>
<div>Lorem ipsum dolor sit amet, BRAIN2MOVE consectetur adipiscing elit.
Suspendisse BRAIN2MOVE auctor ligula quis lorem consectetur eget dignissim
erat malesuada. Nulla pulvinar metus non turpis condimentum id ornare BRAIN2MOVE
augue placerat. Sed quis fermentum massa. Duis faucibus BRAIN2MOVE rhoncus est,
quis bibendum quam mollis vel.</div>
</body>

</html>

resulteert in een lege pagina

edit:

mijn held

ik zie dat je de source erbij hebt gezet!

[ Voor 3% gewijzigd door Verwijderd op 14-05-2009 10:30 ]

donderdag 14 mei 2009 10:33

Acties:

0 Henk 'm!

Matis

Rubber Rocket

Verwijderd schreef op donderdag 14 mei 2009 @ 10:30:
[...]
mijn held ik zie dat je de source erbij hebt gezet!

Haha, np. Ik hoop dat je ook begrijpt wat er gebeurd!

If money talks then I'm a mime
If time is money then I'm out of time

donderdag 14 mei 2009 10:42

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

code:

<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Lorem ipsum dolor sit amet</title>
</head>

<body>


<?php
$html_body = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue massa ut nisi cursus hendrerit. Nunc sollicitudin magna at mi scelerisque elementum sed non justo. Quisque aliquam, nunc vel pharetra vestibulum, nulla dui placerat nisl, quis volutpat leo eros id dolor. Nam tempor justo at eros elementum venenatis. Sed tempor pretium velit. Vivamus mattis scelerisque diam, ac fermentum libero dignissim ac. Aliquam non lorem et felis viverra scelerisque eu at tellus. Quisque congue magna eget odio bibendum ullamcorper. Curabitur id enim orci. Praesent tristique, est sagittis tristique mattis, neque nunc condimentum arcu, tempus fermentum ante tortor a neque. Duis mollis, leo a tristique luctus, velit erat accumsan sem, sed mattis odio erat quis nunc. Integer malesuada blandit enim, et euismod ipsum mollis at. Vestibulum nec placerat sapien. Sed non gravida nibh. Curabitur dapibus ante eu libero lacinia egestas. Suspendisse potenti. Mauris vel mauris est, vitae ultrices ligula. Vivamus orci ipsum, fermentum ac vehicula in, egestas in augue. Vestibulum convallis mauris eget erat gravida tristique. Donec egestas erat convallis nulla semper ut posuere neque convallis.';
$search = 'e';
$subject = $html_body;
$replace = '<span id="oranje">BRAIN</span><span id="groen">2</span><span id="oranje">MOVE</span>';
$uitkomst = str_ireplace  ( $search  , $replace  , $subject);
echo $uitkomst;
?>
</body>

</html>

resulteerd met de woorden BRAIN2MOVE, maar zonder style verandering

zou je je bron in de [-code] tags kunnen zetten? want ergens mis ik de aansluiting

edit: ik ben een vreselijke eikel dat ben ik

even mijn css. aanpassen

[ Voor 35% gewijzigd door Verwijderd op 14-05-2009 10:48 ]

donderdag 14 mei 2009 10:50

Acties:

0 Henk 'm!

Janoz

Moderator Devschuur®

!litemod

BRAIN2MOVE

Hierin zitten alvast 2 ernstige problemen:
1. Id moet uniek zijn. In dit stukje komt oranje al 2x voor, laat staan hoeveel het er zouden worden wanneer brain2move meerdere keren voorkomt. Beter is om classes te gebruiken
2. Een naam als 'oranje' gaat compleet in tegen de richtlijnen van semantische html. Het is eigenlijk net zo erg als gewoon de style er hard inzetten, of een font tag te gebruiken. Een betere naam zou bijvoorbeeld 'companyname' zijn.

HTML:

1	<span class="companyname">brain<span>2</span>move</span>

met css

Cascading Stylesheet:

span.companyname {
   text-transform: uppercase;
  color: orange;
}
span.companyname span {
  color: green;
}

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'

donderdag 14 mei 2009 10:52

Acties:

0 Henk 'm!

Matis

Rubber Rocket

Janoz schreef op donderdag 14 mei 2009 @ 10:50:
[...]

Hierin zitten alvast 2 ernstige problemen:
1. Id moet uniek zijn. In dit stukje komt oranje al 2x voor, laat staan hoeveel het er zouden worden wanneer brain2move meerdere keren voorkomt. Beter is om classes te gebruiken
2. Een naam als 'oranje' gaat compleet in tegen de richtlijnen van semantische html. Het is eigenlijk net zo erg als gewoon de style er hard inzetten, of een font tag te gebruiken. Een betere naam zou bijvoorbeeld 'companyname' zijn.
HTML:
1
brain2move
met css
Cascading Stylesheet:
1
2
3
4
5
6
7
span.companyname {
 text-transform: uppercase;
 color: orange;
}
span.companyname span {
 color: green;
}

D'accord, maar ik borduurde hier even door op het voorbeeld van de TS en de reacties daarom!

Jouw invulling is veel deterministischer, maar waarschijnlijk had de TS dit (nog) niet begrepen, een span in span is idd duidelijker, maar een geneste structuur moet je wel begrijpen en classes zijn idd beter.

If money talks then I'm a mime
If time is money then I'm out of time

donderdag 14 mei 2009 10:54

Acties:

0 Henk 'm!

BCC

Je kan dit trouwens ook clientside in de javascript doen.

Na betaling van een licentievergoeding van €1.000 verkrijgen bedrijven het recht om deze post te gebruiken voor het trainen van artificiële intelligentiesystemen.

donderdag 14 mei 2009 10:56

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

Als je het perse client-side wilt oplossen, dan kan je eventueel ook kijken naar de resultaten die je tegenkomt als je gaat [google=JS text highlighting]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 14 mei 2009 10:58

Acties:

0 Henk 'm!

Matis

Rubber Rocket

BtM909 schreef op donderdag 14 mei 2009 @ 10:56:
Als je het perse client-side wilt oplossen, dan kan je eventueel ook kijken naar de resultaten die je tegenkomt als je gaat [google=JS text highlighting]

Goed bedoelt, maar TS geeft het volgende aan in zijn volgende post:

Correct, maar nu op deze manier moet ik zelf alle woorden in een SPAN zetten, en dat is nou juist niet de bedoeling, ik vroeg me af of ik dat serverside kon regelen...

Niet nodig dus, wel een leuke tool trouwens

If money talks then I'm a mime
If time is money then I'm out of time

donderdag 14 mei 2009 11:05

Acties:

0 Henk 'm!

Bosmonster

*zucht*

Verwijderd schreef op donderdag 14 mei 2009 @ 10:21:
Correct, maar nu op deze manier moet ik zelf alle woorden in een SPAN zetten, en dat is nou juist niet de bedoeling, ik vroeg me af of ik dat serverside kon regelen...
code:
1
2
3
4
Lorem ipsum dolor sit amet, BRAIN2MOVE consectetur adipiscing elit.
Suspendisse BRAIN2MOVE auctor ligula quis lorem consectetur eget
dignissim erat malesuada. Nulla pulvinar metus non turpis condimentum id ornare BRAIN2MOVE augue placerat. Sed quis fermentum massa. 
Duis faucibus BRAIN2MOVE rhoncus est, quis bibendum quam mollis vel.

Kleinigheidje, zo sluit je natuurlijk geen tags af.

donderdag 14 mei 2009 11:07

Acties:

0 Henk 'm!

Matis

Rubber Rocket

Bosmonster schreef op donderdag 14 mei 2009 @ 11:05:
Kleinigheidje, zo sluit je natuurlijk geen tags af.

Klopt, had ik niet eens gezien, maar de TS heeft kennelijk toch *mijn* toepassing gebruikt, waarin dat *natuurlijk* wel goed zit

If money talks then I'm a mime
If time is money then I'm out of time

donderdag 14 mei 2009 11:11

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

toaomatis schreef op donderdag 14 mei 2009 @ 10:58:
Goed bedoelt, maar TS geeft het volgende aan in zijn volgende post:
[...]
Niet nodig dus, wel een leuke tool trouwens

Lees je wel wat ik dan link, want in de oplossingen hoef je helemaal geen eigen span's div's of eigenlijk beter

em's te gebruiken

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 14 mei 2009 11:19

Acties:

0 Henk 'm!

Janoz

Moderator Devschuur®

!litemod

toaomatis schreef op donderdag 14 mei 2009 @ 10:52:
[...]

D'accord, maar ik borduurde hier even door op het voorbeeld van de TS en de reacties daarom!

Jouw invulling is veel deterministischer, maar waarschijnlijk had de TS dit (nog) niet begrepen, een span in span is idd duidelijker, maar een geneste structuur moet je wel begrijpen en classes zijn idd beter.

Genest is leuk, maar mijn kernpunten gingen over wat anders. Dat ging om het gebruik van id ipv class, maar vooral ook om de naam groen en oranje. De eerste levert gewoon invalide html op, terwijl de tweede in strijd is met de semantiek.

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'

donderdag 14 mei 2009 11:46

Acties:

0 Henk 'm!

Matis

Rubber Rocket

BtM909 schreef op donderdag 14 mei 2009 @ 11:11:
Lees je wel wat ik dan link, want in de oplossingen hoef je helemaal geen eigen span's div's of eigenlijk beter em's te gebruiken

Jazeker heb ik dat gedaan, en het klopt wat je zegt, alleen had ik de indruk dat je het clientside op wilde lossen (dat klopt toch wel

), maar dat hoefde de TS niet. Echter is wat jij zegt wel waar natuurlijk (zoals gewoonlijk

)

Janoz schreef op donderdag 14 mei 2009 @ 11:19:
[...]
Genest is leuk, maar mijn kernpunten gingen over wat anders. Dat ging om het gebruik van id ipv class, maar vooral ook om de naam groen en oranje. De eerste levert gewoon invalide html op, terwijl de tweede in strijd is met de semantiek.

2 x waar, 2 x veranderd en 2 x excuses voor het lukraak kopieren van de wens van de TS en de tweede post:

http://meuk.matis-digital.com/b2m/ is nu helemaal HTML 4.01 Transitional

bron

If money talks then I'm a mime
If time is money then I'm out of time

donderdag 14 mei 2009 11:52

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

Transitional

Maak er dan 4.01 strict van door die ene error te wijzigen

Line 18, Column 12: Attribute "WIDTH" is not a valid attribute. Did you mean "width"?

<pre width="200" >

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 14 mei 2009 11:56

Acties:

0 Henk 'm!

Matis

Rubber Rocket

BtM909 schreef op donderdag 14 mei 2009 @ 11:52:
Transitional Maak er dan 4.01 strict van door die ene error te wijzigen

[...]

Als ik die width weghaal dan parst ie alles over 1 regel en dat wil ik eik niet (voor de leesbaarheid), maar ok. Voor de diehard html klopper zal ik m ff weghalen en m op strict zetten

Edit en slightly offtopic:

Is er ook een manier om met html html-tags kunt laten zien. Nu wordt in de pre de spans nog wel omgezet. Had verwacht dat ie dat nie zou doen in pre!

[ Voor 18% gewijzigd door Matis op 14-05-2009 11:58 ]

If money talks then I'm a mime
If time is money then I'm out of time

donderdag 14 mei 2009 11:58

Acties:

0 Henk 'm!

Bosmonster

*zucht*

toaomatis schreef op donderdag 14 mei 2009 @ 11:56:
[...]

Als ik die width weghaal dan parst ie alles over 1 regel en dat wil ik eik niet (voor de leesbaarheid), maar ok. Voor de diehard html klopper zal ik m ff weghalen en m op strict zetten

Zet de width met CSS zoals het hoort.

donderdag 14 mei 2009 12:05

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

toaomatis schreef op donderdag 14 mei 2009 @ 11:56:
Is er ook een manier om met html html-tags kunt laten zien. Nu wordt in de pre de spans nog wel omgezet. Had verwacht dat ie dat nie zou doen in pre!

HTML Encoden met HTMLEntities() of HTMLSpecialChars()

[ Voor 23% gewijzigd door RobIII op 14-05-2009 12:07 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 14 mei 2009 12:15

Acties:

0 Henk 'm!

Matis

Rubber Rocket

Bosmonster schreef op donderdag 14 mei 2009 @ 11:58:
Zet de width met CSS zoals het hoort.

Dat slikt de browser dus helaas niet

Firebug geeft wel netjes het schermpje weer dat op 75% ligt, maar de regel loopt gewoon door.

RobIII schreef op donderdag 14 mei 2009 @ 12:05:
[...]

HTML Encoden met HTMLEntities() of HTMLSpecialChars()

Been there, done that. Thanks

Ik denk dat de TS nu een van de gelukkigste man (m/v) ter wereld is

If money talks then I'm a mime
If time is money then I'm out of time