Beiträge von lukme

lukme

Problem gelöst. Wen es interessiert - siehe Link von Melewo :)

lukme

Habe es jetzt nur mit Jquery gelöst. Nur das Ausgabefeld akutalisiert sich nicht instant, wenn der Rabatt geändert wird. Wie löse ich dies?

HTML

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>


var values = {};
$(document).ready(function() {


$('input:radio').change(function(){
    var total = 0.0 ;
    $('input:radio:checked').each(function(){
          total += parseInt($(this).data('price'));
    });
    $('#total').val(total.toFixed(2));
});
 


$('input:radio').change(function(){
    var total = 0.0 ;
    var rabatt = $('#rabatt').val();
    $('input:radio:checked').each(function(){
          total += (parseInt($(this).data('price')) - (parseInt($(this).data('price')) * ((rabatt) / 100)));
    });


    $('#ausgabe').val(total.toFixed(2));
});  
 });  


</script>

Alles anzeigen

lukme

Vielen Dank für die Mühe, jedoch löst dies mein Problem nicht.

HTML

<div id="streifen"></div>


<style type="text/css">#Konfigurator{
background-color:#fff;


padding: 10px;
}
#streifen {
background: #5a5c68; /* Old browsers */
background: -moz-linear-gradient(top,  #070c2c 1%, #5a5c68  100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5a5c68), color-stop(100%,#070c2c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5a5c68 1%,#070c2c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5a5c68 1%,#070c2c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5a5c68 1%,#070c2c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5a5c68 1%,#070c2c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5c68', endColorstr='#070c2c',GradientType=0 ); /* IE6-9 */


padding-left: 15px;
width: 1150px;
height: 40px;


margin-top: -10px;
opacity: 0.7;


}
input[type="radio"]:checked + label{
    font-weight: bold;
    line-height: 1.3em;
}
span{opacity: 0.7; }
.ruck{ padding-left: 40px;}
</style>




<div id="Konfigurator">








    <div class="ruck">
<input type="Radio" name="welle" id="alu110" data-price="1200" checked="checked" onchange="rechnen(this.value)"/><label>Wickelwelle: Alu, Ø 110mm<span></span></label></li>
<br>
<input type="Radio" name="welle" id="alu154" data-price="1610" onchange="rechnen(this.value)"/><label>


    Wickelwelle: Alu, Ø 154mm


    <span class="preis">+410,00 €</span>


</label>
<br>


<input type="Radio" name="welle" id="edel154" data-price="2400" onchange="rechnen(this.value)"><label>


    Wickelwelle: Edelstahl, Ø 154mm


    <span class="preis">+1.200,00 €</span>


</label>
</div>
<hr>
    <h4>Antrieb</h4>
 <div class="ruck">
<input type="Radio" name="Antrieb" id="Hand" data-price="0" onclick="Ronda();" checked="checked" onchange="rechnen(this.value)" /><label>Handkurbel<span></span></label>
<br>
<input type="Radio" name="Antrieb"id="Motor" data-price="1610" onclick="Ronda();" onchange="rechnen(this.value)" /> <label>


    Elektrisch


    <span class="preis">


         +1.610,00 €


    </span>
    </label>
<br>
<input type="Radio" name="Antrieb" id="Rohr" data-price="2020" onclick="Ronda();" onchange="rechnen(this.value)"/> <label>


    Elektrisch (Rohrmotor Rollfix)


    <span class="preis">


         +2.020,00 €


    </span>


</label>
     </div>
<hr>
    <h4>Konsolen</h4>
 <div class="ruck">
<input type="Radio" name="Konsolen" id="Stat" data-price="0" checked="checked" onclick="Ronda();"/><label>Stationär<span></span></label>
<br>
<input type="Radio" name="Konsolen" id="WL" data-price="-100" onclick="Ronda();" onchange="rechnen(this.value)"/><label  for="WL">


    Mit einseitigem Wandlager


    <span class="preis">


         -100,00 €


    </span>


</label>
<br>
<input type="Radio" name="Konsolen" data-price="640" id="Nut" onclick="Ronda();" onchange="rechnen(this.value)" /> <label>


    Fahrbar auf Schienen


    <span class="preis">


         +640,00 €


    </span>


</label>
<br>
<input type="Radio" name="Konsolen" id="Schwenk" data-price="940" onclick="Ronda();" onchange="rechnen(this.value)"/><label>


    Fahrbar auf Schwenkrollen


    <span class="preis">


         +940,00 €


    </span>


</label></div><hr><br>
Preis [Euro exkl. MwSt.]<br>
<input id="total" type="text" readonly="readonly" value=""/>        
  
        <br>
Ihr Produktrabatt in % <br>
<input type="text" id="rabatt" value="" onkeyup="rechnen();"><br>


        Ihr Preis [Euro exkl. MwSt.]<br> 
<input id="ausgabe" type="text" readonly="readonly" value="" />
</form>
    </div>   
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>


var values = {};
$(document).ready(function() {


$('input:radio').change(function(){
    var total = 0.0 ;
    $('input:radio:checked').each(function(){
          total += parseInt($(this).data('price'));
    });
    $('#total').val(total.toFixed(2));
});
 });  




    function rechnen(){
var rabatt = $("#rabatt").val();
var listenpreis = $("#total").val();
var abzug = listenpreis * rabatt / 100;
var xyz = listenpreis - abzug;


       
$("#ausgabe").val(xyz.toFixed(2)) + "€";
    
    }


</script>

Alles anzeigen

Hat jemand einen Lösungsvorschlag für die Rabattberechnung, welche "live" durchgeführt werden soll?

lukme

Bei onchange "hängt" das Feld hinterher.. Also jedes mal, wenn ich eine andere Konfiguration mit den Radiobuttons mache, kommt die Summe erst einen Schritt später.

lukme

Problem solved.

HTML

function Welle() {
    if (document.getElementById('L').value <= 800 && document.getElementById('B').value <= 500){
        document.getElementById('alu154').checked = true;
    }
    else if (document.getElementById('L').value >= 900 && document.getElementById('B').value >= 500){
        document.getElementById('edel154').checked = true;
    }
    else {
        document.getElementById('alu110').checked = true;
    }
}
</script>

Alles anzeigen

lukme

Hallo, ich habe ein Problem mit meinem Formular. Es wird ein Preis aus einer Auswahl von Radiobuttons errechnet mit diesem Skript:

HTML

<input type="Radio" name="Konsolen" id="Schwenk" data-price="940">
Preis [Euro exkl. MwSt.]<br>
<input id="total" type="text" readonly="readonly" value=""/>        
  
        <br>
Ihr Produktrabatt in % <br>
<input type="text" id="rabatt" value="" onkeyup="rechnen();"><br>


        Ihr Preis [Euro exkl. MwSt.]<br> 
<input id="ausgabe" type="text" readonly="readonly" value="" />


    </div>   
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>


var values = {};
$(document).ready(function() {


$('input:radio').change(function(){
    var total = 0.0 ;
    $('input:radio:checked').each(function(){
          total += parseInt($(this).data('price'));
    });
    $('#total').val(total.toFixed(2));
});
 });  
    function rechnen(){
var rabatt = $("#rabatt").val();
var listenpreis = $("#total").val();
var abzug = listenpreis * rabatt / 100;
var xyz = listenpreis - abzug;


       
$("#ausgabe").val(xyz.toLocaleString("de-DE", {style: "currency", currency: "EUR"}));;
    
    }


</script>

Alles anzeigen

In das Rabattfeld soll der User einen Rabatt eintragen und dann soll der endgültige Preis darunter "live" errechnet werden.
Soweit funktioniert auch alles, nur wenn dann nachträglich eine Konfiguration der Radio-buttons geändert wird, ändert sich das Feld mit der ID "total" jedoch nicht ID "ausgabe".

Diese ändert sich erst, wenn man im Rabattfeld "Enter" drückt.
Wie muss ich den Code ändern, damit dies ohne diesen Umweg geschieht und "live" berechnet wird?

Danke im voraus!

lukme

Hallo,
ich bin auf der Suche nach einem schlichten, dennoch stilvollen Design für einen politischen Verein. Es muss keine großen Spielereien enthalten einfach nur schlicht klassisch und stilvoll.

Ich hoffe ihr könnt mir helfen.

Lukme:-P

lukme

Hallo liebe Wordpress-Gemeinde,

ich habe ein Problem mit meinem Formular Code, der sich aus HTML und JS zusammensetzt. Man soll oben die Länge und Breite in cm angeben. Nach dieser Länge und Breite soll dann in einer Liste darunter resultierend eine Welle ausgewählt ausgewählt/gecheckt werden. Nur leider will es nicht funktionieren.
Hier der Code.

Code

Länge [cm]:<input type="text" id="L" name="laenge" style="width:100px; " maxlength="4" onkeyup="nurZahlen(this)";>


Breite [cm]: <input type="text" id="B" maxlength="3" style="width:100px;" name="breite" onkeyup="nurZahlen(this)";>
<input type=button value="Welle anzeigen" onclick="Welle();">
<h4>Wellenauslegung</h4>
<input type="Radio" name="welle" id="alu110" />Wickelwelle: Alu, Ø 110mm
<br>
<input type="Radio" name="welle" id="alu154" /> Wickelwelle: Alu, Ø 154mm
<br>


<input type="Radio" name="welle"  id="edel154">Wickelwelle: Edelstahl, Ø 154mm




<script type="text/javascript">
function nurZahlen(el) 
{ 
  var val = el.value.replace(/[^\.^,\d]/g, ''); 
  el.value = val; 
}  
</script>


<script language="javascript" type="text/javascript">


function Welle(){ if (document.getElementById('L').value<=800)&&(document.getElementById('B').value<=800){(document.getElementById('alu154').checked);}
    else if {(document.getElementById('L').value>=800)&&(document.getElementById('B').value>=800){(document.getElementById('edel154').checked);}
        else { (document.getElementById('L').value<600) {(document.getElementById('alu110').checked);} }
    }
    </script>

Alles anzeigen

In den Textfeldern für Länge und Breite sollen nur Zahlen eingegeben werden können.

Ich hoffe ihr könnt mir helfen.:|

Gruß

Lukme :)

lukme

Das Problem hat sich erledigt - habe mir selbst geholfen und das Problem gelöst.

lukme

Hallo liebe Forengemeinde,

ich habe ein Problem mit der Seitendarstellung im Firefox. Mein Plan war es meinen Breadcrumbs auf der Seite einen blauen Hintergrund zu geben und diesen Hintergrund dann auf die Breite der eingebundenen Bilder anzupassen. In meinem Fall:

Code

.breadcrumb{ background-color: #070c2c; font-color: #fff; width: 1158px; }

In allen gängigen Browsern (IE,Opera,Chrome) ist der blaue Balken bündig abschließend mit den Bildern - nur nicht im Firefox. Dort steht der Balken ca. 30-40px über.
Gibt es eine Möglichkeit diesen Fehler zu beheben?

Vielen Dank schonmal

lukme:)

lukme

Hey,

Zitat

[COLOR=#333333]Ich möchte nun ein Textfeld(.textbox) als eine zweite Klasse mit in den hover-effect mit aufnehmen, und dieses mit (visibility: visible)einblenden, wenn man über .preview hovert. Ist das überhaupt so einfach mit css möglich?

Vor dem Problem stehe ich auch - Wurde denn eine Lösung gefunden?

Grüße[/COLOR]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von lukme

Javascript Live-Berechnung

Javascript Live-Berechnung

Javascript Live-Berechnung

Javascript Live-Berechnung

Javascript Formular Problem

Javascript Live-Berechnung

Suche einfaches Theme für Partei/Verein

Javascript Formular Problem

Firefox Darstellungsproblem CSS Width

Firefox Darstellungsproblem CSS Width

Hover Effekt