Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][Java]Zmiana koloru czcionki jednego elementu
Forum PHP.pl > Forum > Przedszkole
senior.pol
Witam,
Jak zmienić kolor tylko i wyłącznie znaku "*" na np. kolor czerwony w poniższym kodzie?

Kod
var texti = "Ile jest "+randomNr1+" + "+randomNr2+" ?"+" *";
klima06


Po prostu musisz dodać kod html do zmiennej?
  1. var texti = "Ile jest "+randomNr1+" + "+randomNr2+" ?"+" <span style=\"color:red;\">*</span>";
senior.pol
Cytat(klima06 @ 31.10.2013, 01:33:06 ) *


Po prostu musisz dodać kod html do zmiennej?
  1. var texti = "Ile jest "+randomNr1+" + "+randomNr2+" ?"+" <span style=\"color:red;\">*</span>";


Coś nie tak, bo zamiast czerwonej gwiazdki jest widoczny kod
  1. <span style="color:red;">*</span>


Ktoś ma pomysł jak temu zaradzić?
nospor
To moze pokaz, jak ty ten tenkst gdzies tam wkladasz..... Czemu zawsze trzeba to pisac? Czemu nie mozna sie samemu domyslic, ze wrozki zyją tylko w bajkach?
senior.pol
Kod
(function($){

    jQuery.fn.ebcaptcha = function(options){

        var element = this;
        var submit = $(this).find('input[type=submit]');
        $('<label id="ebcaptchatext"></label>').insertBefore(submit);
        $('<input name="captcha" type="text" id="ebcaptchainput"/><br/>').insertBefore(submit);
        var input = this.find('#ebcaptchainput');
        var label = this.find('#ebcaptchatext');
        
        $(element).find('input[type=submit]').attr('disabled','disabled');

        
        var randomNr1 = 0;
        var randomNr2 = 0;
        var totalNr = 0;


        randomNr1 = Math.floor(Math.random()*10);
        randomNr2 = Math.floor(Math.random()*10);
        totalNr = randomNr1 + randomNr2;
        var texti = "Ile jest "+randomNr1+" + "+randomNr2+" ?"+" *";
        $(label).text(texti);
        
    
        $(input).keyup(function(){

            var nr = $(this).val();
            if(nr==totalNr)
            {
                $(element).find('input[type=submit]').removeAttr('disabled');
            }
            else{
                $(element).find('input[type=submit]').attr('disabled','disabled');
            }
            
        });

        $(document).keypress(function(e)
        {
            if(e.which==13)
            {
                if((element).find('input[type=submit]').is(':disabled')==true)
                {
                    e.preventDefault();
                    return false;
                }
            }

        });

    };

})(jQuery);
tomxx
[JAVASCRIPT] pobierz, plaintext
  1. var texti = "Ile jest "+randomNr1+" + "+randomNr2+" ?"+'<span style="color:red">'+" *"+'</span>';
[JAVASCRIPT] pobierz, plaintext

Aha, to jest JavaScript, a nie Java wink.gif
senior.pol
Niestety dalej nie działa. Ciągle zamiast czerownej gwiazdki widać skrypt html

  1. <span style="color:red"> *</span>
tomxx
Cytat(senior.pol @ 1.11.2013, 01:37:58 ) *
Niestety dalej nie działa. Ciągle zamiast czerownej gwiazdki widać skrypt html

  1. <span style="color:red"> *</span>

W HTML nie tworzy się skryptów. Chyba że chodzi Ci o kod HTML.
senior.pol
Jest na ten problem rozwiązanie?
com
[JAVASCRIPT] pobierz, plaintext
  1. $(label).html(texti);
[JAVASCRIPT] pobierz, plaintext

a reszta jak już pisali
[JAVASCRIPT] pobierz, plaintext
  1. var texti = "Ile jest "+randomNr1+" + "+randomNr2+" ?"+" <span style=\"color:red;\">*</span>";
[JAVASCRIPT] pobierz, plaintext
senior.pol
Cytat(com @ 2.11.2013, 00:57:05 ) *
[JAVASCRIPT] pobierz, plaintext
  1. $(label).html(texti);
[JAVASCRIPT] pobierz, plaintext

a reszta jak już pisali
[JAVASCRIPT] pobierz, plaintext
  1. var texti = "Ile jest "+randomNr1+" + "+randomNr2+" ?"+" <span style=\"color:red;\">*</span>";
[JAVASCRIPT] pobierz, plaintext


Dzięki, wszystko działa biggrin.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.