Skip to main content
removeu 334 caracteres do conteúdo
Fonte Link
Joao Paulo
  • 12mil
  • 26
  • 89
  • 153

Se quiser que o javascript interaja com todos os objetos utilize classes. Pelo Id somente um será afetado.

Adicione a classe Status

<input type="text" name="Status" id="Status" class="Status" value="@Html.DisplayFor(modelItem => item.Status)" readonly onmousemove="trocaCor()" />

Script para carregar no index pra mostrar ja da cor correta:

<script>
$(document).ready(function() {
    $('.Status').each(function(){
        if ($(this).val() == "Pendente") {
            $(this).addClass("pendente");
        }
        if ($(this).val() == "Resolvido") {
            $(this).addClass("resolvido")
        }
    });
});
</script>

Tem uma opção que não precisa nem de Javascript. Apenas com css e não precisa da classe tbm. Basta: http://jsfiddle.net/JH2tG/

<style>
    input[value=resolvido] { background-color: green }
    input[value=pendente] { background-color: red }
</style>

Se quiser que o javascript interaja com todos os objetos utilize classes. Pelo Id somente um será afetado.

Adicione a classe Status

<input type="text" name="Status" id="Status" class="Status" value="@Html.DisplayFor(modelItem => item.Status)" readonly onmousemove="trocaCor()" />

Script para carregar no index pra mostrar ja da cor correta:

<script>
$(document).ready(function() {
    $('.Status').each(function(){
        if ($(this).val() == "Pendente") {
            $(this).addClass("pendente");
        }
        if ($(this).val() == "Resolvido") {
            $(this).addClass("resolvido")
        }
    });
});
</script>

Tem uma opção que não precisa nem de Javascript. Apenas com css e não precisa da classe tbm:

input[value=resolvido] { background-color: green }
input[value=pendente] { background-color: red }

Se quiser que o javascript interaja com todos os objetos utilize classes. Pelo Id somente um será afetado.

Adicione a classe Status

<input type="text" name="Status" id="Status" class="Status" value="@Html.DisplayFor(modelItem => item.Status)" readonly onmousemove="trocaCor()" />

Script para carregar no index pra mostrar ja da cor correta:

<script>
$(document).ready(function() {
    $('.Status').each(function(){
        if ($(this).val() == "Pendente") {
            $(this).addClass("pendente");
        }
        if ($(this).val() == "Resolvido") {
            $(this).addClass("resolvido")
        }
    });
});
</script>

Tem uma opção que não precisa nem de Javascript. Apenas com css e não precisa da classe tbm. Basta: http://jsfiddle.net/JH2tG/

<style>
    input[value=resolvido] { background-color: green }
    input[value=pendente] { background-color: red }
</style>
removeu 334 caracteres do conteúdo
Fonte Link
Joao Paulo
  • 12mil
  • 26
  • 89
  • 153

Se quiser que o javascript interaja com todos os objetos utilize classes. Pelo Id somente um será afetado.

Adicione a classe Status

<input type="text" name="Status" id="Status" class="Status" value="@Html.DisplayFor(modelItem => item.Status)" readonly onmousemove="trocaCor()" />

Acho que o mais JS mais correto é assim:

<script>
function trocaCor() {
    var troca = $(this);
    if (troca.val() == "Pendente") {
        $(this).addClass("pendente");
    }
    if (troca.val() == "Resolvido") {
        $(this).addClass("resolvido")
    }
}
</script>

Script para carregar no index pra mostrar ja da cor correta:

<script>
$(document).ready(function() {
    $('.Status').each(function(){
        if ($(this).val() == "Pendente") {
            $(this).addClass("pendente");
        }
        if ($(this).val() == "Resolvido") {
            $(this).addClass("resolvido")
        }
    });
});
</script>

Tem uma opção que não precisa nem de Javascript. Apenas com css e não precisa da classe tbm:

input[value=resolvido] { background-color: green }
input[value=pendente] { background-color: red }

Se quiser que o javascript interaja com todos os objetos utilize classes. Pelo Id somente um será afetado.

Adicione a classe Status

<input type="text" name="Status" id="Status" class="Status" value="@Html.DisplayFor(modelItem => item.Status)" readonly onmousemove="trocaCor()" />

Acho que o mais JS mais correto é assim:

<script>
function trocaCor() {
    var troca = $(this);
    if (troca.val() == "Pendente") {
        $(this).addClass("pendente");
    }
    if (troca.val() == "Resolvido") {
        $(this).addClass("resolvido")
    }
}
</script>

Script para carregar no index pra mostrar ja da cor correta:

<script>
$(document).ready(function() {
    $('.Status').each(function(){
        if ($(this).val() == "Pendente") {
            $(this).addClass("pendente");
        }
        if ($(this).val() == "Resolvido") {
            $(this).addClass("resolvido")
        }
    });
});
</script>

Se quiser que o javascript interaja com todos os objetos utilize classes. Pelo Id somente um será afetado.

Adicione a classe Status

<input type="text" name="Status" id="Status" class="Status" value="@Html.DisplayFor(modelItem => item.Status)" readonly onmousemove="trocaCor()" />

Script para carregar no index pra mostrar ja da cor correta:

<script>
$(document).ready(function() {
    $('.Status').each(function(){
        if ($(this).val() == "Pendente") {
            $(this).addClass("pendente");
        }
        if ($(this).val() == "Resolvido") {
            $(this).addClass("resolvido")
        }
    });
});
</script>

Tem uma opção que não precisa nem de Javascript. Apenas com css e não precisa da classe tbm:

input[value=resolvido] { background-color: green }
input[value=pendente] { background-color: red }
removeu 26 caracteres do conteúdo
Fonte Link
Joao Paulo
  • 12mil
  • 26
  • 89
  • 153

Se quiser que o javascript interaja com todos os objetos utilize classes. Pelo Id somente um será afetado.

Adicione a classe Status

<input type="text" name="Status" id="Status" class="Status" value="@Html.DisplayFor(modelItem => item.Status)" readonly onmousemove="trocaCor()" />

Acho que o mais JS mais correto é assim:

<script>
function trocaCor() {
    var troca = $(this);
    if (troca.valueval() == "Pendente") {
        $(this).addClass("pendente");
    }
    if (troca.valueval() == "Resolvido") {
        $(this).addClass("resolvido")
    }
}
</script>

Script para carregar no index pra mostrar ja da cor correta:

<script>
$(document).ready(function() {
    $('.Status').each(function(){
    var troca = $(this);
    if (troca$(this).valueval() == "Pendente") {
            $(this).addClass("pendente");
        }
        if (troca$(this).valueval() == "Resolvido") {
            $(this).addClass("resolvido")
        }
    });
});
</script>

Se quiser que o javascript interaja com todos os objetos utilize classes. Pelo Id somente um será afetado.

Adicione a classe Status

<input type="text" name="Status" id="Status" class="Status" value="@Html.DisplayFor(modelItem => item.Status)" readonly onmousemove="trocaCor()" />

Acho que o mais JS mais correto é assim:

<script>
function trocaCor() {
    var troca = $(this);
    if (troca.value == "Pendente") {
        $(this).addClass("pendente");
    }
    if (troca.value == "Resolvido") {
        $(this).addClass("resolvido")
    }
}
</script>

Script para carregar no index pra mostrar ja da cor correta:

<script>
$(document).ready(function() {
    $('.Status').each(function(){
    var troca = $(this);
    if (troca.value == "Pendente") {
        $(this).addClass("pendente");
    }
    if (troca.value == "Resolvido") {
        $(this).addClass("resolvido")
    }
    });
});
</script>

Se quiser que o javascript interaja com todos os objetos utilize classes. Pelo Id somente um será afetado.

Adicione a classe Status

<input type="text" name="Status" id="Status" class="Status" value="@Html.DisplayFor(modelItem => item.Status)" readonly onmousemove="trocaCor()" />

Acho que o mais JS mais correto é assim:

<script>
function trocaCor() {
    var troca = $(this);
    if (troca.val() == "Pendente") {
        $(this).addClass("pendente");
    }
    if (troca.val() == "Resolvido") {
        $(this).addClass("resolvido")
    }
}
</script>

Script para carregar no index pra mostrar ja da cor correta:

<script>
$(document).ready(function() {
    $('.Status').each(function(){
        if ($(this).val() == "Pendente") {
            $(this).addClass("pendente");
        }
        if ($(this).val() == "Resolvido") {
            $(this).addClass("resolvido")
        }
    });
});
</script>
adicionou 417 caracteres ao conteúdo
Fonte Link
Joao Paulo
  • 12mil
  • 26
  • 89
  • 153
Carregando
Fonte Link
Joao Paulo
  • 12mil
  • 26
  • 89
  • 153
Carregando