Autor |
Nachricht |
dominik_1984
Threadersteller
Dabei seit: 10.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 13.10.2008 12:36
Titel Colorpicker - Farbübergabe / Jquery Javascript Probl |
|
|
halli hallo,
folgendes problem.
ich gebe mittels Colorpicker einen Wert in ein Textfeld.
dieses möchte ich jetzt, das automatisch diesen Wert weiterschickt. Per Dropdown funktioniert es auch aber leider nicht wenn ich den wert von dem Colopicker überge.
hier mein script:
java script:
Code: |
function setColorHex() { var i = document.myForm.color.selectedIndex; if (i>0) { document.chat.setColor(parseInt(document.myForm.color.options[i].value,16)); document.myForm.color.selectedIndex=0; document.myForm.myInput.focus(); } } |
html:
Code: | <p><FORM onSubmit="return sendText();" name="myForm"><input type="text" name="color" maxlength="6" size="6" id="colorpickerField1" value="00ff00" onChange="setColorHex(); return false;" /></FORM></p> |
er soll das einfach automatisch übergeben. anstatt einer Dropdownbox die Farbe, die er mit dem Colorpicker gewählt hat
lg
Domi
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 13.10.2008 13:51
Titel Re: Colorpicker - Farbübergabe / Jquery Javascript Probl |
|
|
dominik_1984 hat geschrieben: |
er soll das einfach automatisch übergeben. anstatt einer Dropdownbox die Farbe, die er mit dem Colorpicker gewählt hat |
so, mein jung, nu beruhigst du dich erstmal, setzt dich hin und schreibst die frage noch mal ordentlich. WER soll den farbwert AN WAS übergeben? ... und ganz ruhig dabei...
|
|
|
|
|
Anzeige
|
|
|
status4
Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
|
|
|
|
|
dominik_1984
Threadersteller
Dabei seit: 10.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 14.10.2008 08:17
Titel
|
|
|
also ich hatte ein Dropdownmenü, indem der User seine Schriftfarbe hat wählen könne. Dies hat einwandfrei funktioniert und wurde mittels dem oben geposteten Script an den Chat übergeben.
jedoch ist es nicht sehr übersichtlich eine Dropdownliste mit über 1000 farbcodes zu gestalten so das ich jediglich ein Colorpicker angeben wollte der ähnlich wie das Dropdown feld den Farbwert an den Chat weitergibt.
Und genau hierfür müsste das Script umgestrickt werden
Der Colorpicker übergibt mir auch schon den ausgewählten farbwert in ein Textfeld (wenn das überhaupt etwas hilft)
also jediglich das oben gepostete JavaScript dazu bringen aus dem Textfeld anstelle der Dropdown liste den Farbcode zu lesen
lieben Gruß
|
|
|
|
|
status4
Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 14.10.2008 10:03
Titel
|
|
|
Code: | var hex = document.getElementById('colorpickerField1').value |
|
|
|
|
|
dominik_1984
Threadersteller
Dabei seit: 10.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 14.10.2008 10:41
Titel
|
|
|
also ich habe jetzt:
Code: |
function Farbe()
{
document.chat.setColor(parseInt(document.getElementById('colorpickerField1').value,16));
return false;
}
|
und
Code: |
<p><FORM onSubmit="return sendText();" name="myForm"><input type="text" name="color" maxlength="6" size="6" id="colorpickerField1" value="00ff00" onChange="Farbe(); return false;" /></FORM></p>
|
aber es funktioniert noch nicht
|
|
|
|
|
status4
Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 14.10.2008 11:07
Titel
|
|
|
Was funktioniert nicht? Und da du uns die hälfte der Scripts vorenthältst und man nur raten kann wie des Formular
versendet wird usw usw kann man wirklich schlecht mehr dazu sagen.
|
|
|
|
|
dominik_1984
Threadersteller
Dabei seit: 10.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 14.10.2008 11:12
Titel
|
|
|
dann noch einmal ausführlich:
das war das script, welches funktioniert
Code: | function sendText()
{
document.chat.handleInput( document.myForm.myInput.value);
document.myForm.myInput.value="";
document.myForm.myInput.select();
document.myForm.myInput.focus();
return false;
}
function setColorHex()
{
var i = document.myForm.color.selectedIndex;
if (i>0)
{
document.chat.setColor(parseInt(document.myForm.color.options[i].value,16));
document.myForm.color.selectedIndex=0;
document.myForm.myInput.focus();
}
}
|
Code: |
<FORM onSubmit="return sendText();" name="myForm">
<select name="color" onChange="setColorHex(); return false;">
<option selected value="">Farbe auswählen
<option value="0000ff">Blue
<option value="e100de">Lila
<option value="00ff00">Green
<option value="ff0000">Red
<option value="-1">Normal
</select>
</FORM>
|
und nun kommt der Code, den ich zum funkionieren bringen möchte:
Code: |
function Farbe()
{
document.chat.setColor(parseInt(document.getElementById('colorpickerField1').value,16));
return false;
}
|
Code: |
<p><FORM onSubmit="return sendText();" name="myForm"><input type="text" name="color" maxlength="6" size="6" id="colorpickerField1" value="00ff00" onChange="Farbe(); return false;" /></FORM></p> |
lg
|
|
|
|
|
|
|
|
Ähnliche Themen |
JavaScript mit jQuery
Javascript Wert zurückgeben jquery
jquery/javascript/css: jscrollpane konflikt mit css
Anfänger braucht Hilfe ... Javascript / jQuery
PHP/MySQL, JQuery/Javascript, (AJAX) lernen
iOS: Scrollen zu Ankern nur mit CSS, ohne JQuery/Javascript?
|
|