2013-12-20 6 views
1

У меня есть эта страница, где текст может измениться, и каждая часть имеет свой цвет. Я мог бы сделать это с PHP, но это вроде как не практично. Я пробовал читать javascript и jquery, думал, что они помогут, но ничего.изменить стиль динамического текста

так, есть ли практический способ сделать это?

вот мой код:

index.php

<?php 
     $k=1; 

     if($k==0){ 
      echo"<h class=client> Client </h>"; 
     } 
     else if($k==1){ 
     echo 
     "<h class=designer> Designer</h>" ;  
     } 
     else if($k==2){ 
     echo 
     "<h class=developer> Developer</h>"; 
     }  
     else if($k==3){ 
       echo 
     "<h class=designer> Designer</h> & <h class=developer> Developer</h>";  
     } 

    ?> 

stylesheet.css:

.client { 
    color: blue; 
} 
.designer { 
    color: yellow; 
} 
.developer { 
    color: red; 
} 

поэтому выход должен быть аа синий "client" или желтый "designer" или красный "developer", или желтый "designer", и черный "&" и желтый "designer", в зависимости от k.

+1

, что это проблема, с которой вы столкнулись.? –

+0

@RajaprabhuAravindasamy Я не могу сказать, что это проблема. хорошо, мне интересно, есть ли другой способ сделать это, практический метод или что-то еще. потому что то, что я сделал, не кажется правильным. –

+0

@MoheTheDreamy, но как ваш динамический текст был создан? – DaniP

ответ

0

Использование JavaScript является излишеством, вы, вероятно, следует просто придерживаться PHP только решения.

Как я уже упоминал в комментариях, вы можете изменить свой дизайн базы данных, чтобы он дополнял ваше приложение.

Трудно сказать, что это лучший способ сделать это, не зная подробно о работе вашей программы, но, как я уже упоминал, в качестве примера вы могли бы сохранить более семантическое значение для $ k (то есть «клиент» или «дизайнер» «или« дизайнер, разработчик »), или у вас может быть 4 разных логических значения для каждого из ваших« титров », но опять же лучший способ действительно зависит от того, как вам нужно будет взаимодействовать с этой информацией в приложении в целом.

Быстрая реализация для первого предложения может выглядеть следующим образом:

// $k = "designer,developer"; 

if (strpos($k, ',') !== FALSE){ 
    $titles = explode(",",$k); 
    $output = ""; 
    foreach($titles as $title){ 
     $output .= "<h class='". $title ."'>". ucfirst($title) ."</h> &amp; "; 
    } 
    echo rtrim($output, ' &amp; '); 
} else { 
echo "<h class='". $k ."'>". ucfirst($k) ."</h>"; 
} 
+0

Я вижу ... хотя это не отвечало моему удивлению, но это хорошая практика. Благодарю. –

4

Занятия написаны в кавычках.

Try:

<h class='developer'> Developer</h> 
+0

Занятия без кавычек, это работает.? http://jsfiddle.net/rmJ7C/ Я ничего не понял. –

+0

классы работают нормально, а цвета меняются. –

+0

В html5 не нужны кавычки arround attributes http: //webdesign.about.com/od/html5tags/f/quotes-required-html-5-attributes.htm @RajaprabhuAravindasamy – DaniP

Смежные вопросы