DIV começa a flutuar depois de determinado ponto da pagina
Bom dia pessoal, sou novo por aqui e gostaria de uma ajudinha para um sript...
Estou montando um sistema para um site, onde a o cliente clica na checkbox do produto e soma o valor em uma caixa de texto, até ai tudo ok, tudo feito, bonito e rodando, só que, eu gostaria que o resultado final ficasse flutuando no rodapé da página...
Um exemplo desse script (o banner da vendadeanimes e do adsense): www.naruto.com.br
Note que o banner do site acima começa a flutuar quando a roalgem esta em um determinado ponto, gostaria defazer isso também, mas não consigo :/
To fazendo meu site como o modelo: http://www.criarsites.me/html5-tutorial/
E, pra finalizar, se possível, gostaria de um botão que copiasse o que está dentro da caixa de texto (que copiasse o valor total).
Aqui está o código que estou usando:
Estou montando um sistema para um site, onde a o cliente clica na checkbox do produto e soma o valor em uma caixa de texto, até ai tudo ok, tudo feito, bonito e rodando, só que, eu gostaria que o resultado final ficasse flutuando no rodapé da página...
Um exemplo desse script (o banner da vendadeanimes e do adsense): www.naruto.com.br
Note que o banner do site acima começa a flutuar quando a roalgem esta em um determinado ponto, gostaria defazer isso também, mas não consigo :/
To fazendo meu site como o modelo: http://www.criarsites.me/html5-tutorial/
E, pra finalizar, se possível, gostaria de um botão que copiasse o que está dentro da caixa de texto (que copiasse o valor total).
Aqui está o código que estou usando:
<section id="Produtos">
<div class="fundo-conteudo">
<article class="artigo">
<div class="titulo">
<h1>Produtos</h1>
</div>
<div class="resumo-page">
<p>
Com o sistema abaixo você pode criar um orçamento sem compromisso e com um valor aproximado do custo de suas compras, o preço no orçamento final pode variar para menos ou para mais. Para um orçamento mais detalhado entre em contato conosco.
</p>
<br/>
</div>
<!-- Sistema de orçamento - inicio -->
<div class="sistema">
<div class="cabecalho-produto">
cabeçalho
</div>
<div class="produtos-esquerda">
<label><input type="checkbox" name="ch[]" value="100,00" />Milheitro Cartão de visitas couchê 300g: R$ 122,00 </label>
</div>
<div class="produtos-direita">
<label><input type="checkbox" name="ch[]" value="100,00" />Milheitro Cartão de visitas couchê 300g: R$ 122,00 </label>
</div>
</div>
<!-- Sistema de Orçamento - fim -->
<div class="valorfinal">
<label>Valor Final: <input type="text" name="result" id="result" value="R$ 0,00" /></label>
</div>
<script>
String.prototype.formatMoney = function() {
var v = this;
if(v.indexOf('.') === -1) {
v = v.replace(/([\d]+)/, "$1,00");
}
v = v.replace(/([\d]+)\.([\d])$/, "$1,$20");
v = v.replace(/([\d]+)\.([\d])$/, "$1,$2");
v = v.replace(/([\d]+)([\d]),([\d])$/, "$1.$2,$3");
return v;
};
String.prototype.toFloat = function() {
var v = this;
if (!v) return 0;
return parseFloat(v.replace(/[\D]+/g, '' ).replace(/([\d]+)(\d)$/, "$1.$2"));
};
(function(){
"use strict";
var $chs = document.querySelectorAll('input[name="ch[]"]'),
$result = document.getElementById('result'),
chsArray = Array.prototype.slice.call($chs);
chsArray.forEach(function(element, index, array){
element.addEventListener("click", function(){
var v = this.value,
result = 0;
v = v.toFloat();
if (this.checked === true) {
result = $result.value.toFloat() + parseFloat(v);
} else {
result = $result.value.toFloat() - parseFloat(v);
}
$result.value = "R$ " + String(result).formatMoney();
});
});
}());
</script>
</div>
</article>
</div>
</section>
Guilherme Laureano
Curtidas 0
Respostas
Guilherme Laureano
27/01/2014
Opa, corrigindo o código, eu não sei editar a mensagem...
section id="Produtos">
<div class="fundo-conteudo">
<article class="artigo">
<div class="titulo">
<h1>Produtos</h1>
</div>
<div class="resumo-page">
<p>
Com o sistema abaixo você pode criar um orçamento sem compromisso e com um valor aproximado do custo de suas compras, o preço no orçamento final pode variar para menos ou para mais. Para um orçamento mais detalhado entre em contato conosco.
</p>
<br/>
</div>
<!-- Sistema de orçamento - inicio -->
<div class="sistema">
<div class="cabecalho-produto">
cabeçalho
</div>
<div class="produtos-esquerda">
<label><input type="checkbox" name="ch[]" value="100,00" />Milheitro Cartão de visitas couchê 300g: R$ 122,00 </label>
</div>
<div class="produtos-direita">
<label><input type="checkbox" name="ch[]" value="100,00" />Milheitro Cartão de visitas couchê 300g: R$ 122,00 </label>
</div>
</div>
<!-- Sistema de Orçamento - fim -->
<div class="valorfinal">
<label>Valor Final: <input type="text" name="result" id="result" value="R$ 0,00" /></label>
</div>
<script>
String.prototype.formatMoney = function() {
var v = this;
if(v.indexOf('.') === -1) {
v = v.replace(/([\d]+)/, "$1,00");
}
v = v.replace(/([\d]+)\.([\d])$/, "$1,$20");
v = v.replace(/([\d]+)\.([\d])$/, "$1,$2");
v = v.replace(/([\d]+)([\d]),([\d])$/, "$1.$2,$3");
return v;
};
String.prototype.toFloat = function() {
var v = this;
if (!v) return 0;
return parseFloat(v.replace(/[\D]+/g, '' ).replace(/([\d]+)(\d)$/, "$1.$2"));
};
(function(){
"use strict";
var $chs = document.querySelectorAll('input[name="ch[]"]'),
$result = document.getElementById('result'),
chsArray = Array.prototype.slice.call($chs);
chsArray.forEach(function(element, index, array){
element.addEventListener("click", function(){
var v = this.value,
result = 0;
v = v.toFloat();
if (this.checked === true) {
result = $result.value.toFloat() + parseFloat(v);
} else {
result = $result.value.toFloat() - parseFloat(v);
}
$result.value = "R$ " + String(result).formatMoney();
});
});
}());
</script>
</div>
</article>
</div>
</section>GOSTEI 0
Guilherme Laureano
27/01/2014
Exclui isso pprque fiz cagada :@
GOSTEI 0