Hi, In my application I've come across a color picker where I've to select a particular color..I'm totally blocked here.Plz find the screenshot of the color picker...
HTML code: <input class="colorpicker" type="text" value="#000000" name="title.colour" style="display: none;"> <div class="color_picker" style="background-color: rgb(0, 0, 0);"> </div> <div class="clear"></div> <div class="spacer"></div> <label for="Price">Price</label> <select name="price.Font"> <select name="price.characteristics"> <input id="pricefontSize" type="text" value="12.0" name="price.fontSize" size="2"> pt <input class="colorpicker" type="text" value="#000000" name="price.colour" style="display: none;"> <div class="color_picker" style="background-color: rgb(0, 0, 0);"> </div> <div class="clear"></div> <div class="spacer"></div> <label for="backgroundcolor">Background color</label> <input id="bgColor" class="colorpicker" type="text" value="#FFFFFF" name="backgroundColour" style="display: none;"> <div class="color_picker" style="background-color: rgb(255, 255, 255);"> </div> <div class="clear"></div> <div class="spacer"></div> <a id="advancedHelp" href="#advanced" bt-xtitle="" title=""> <a href="#advanced"> Advanced</a> <div class="clear"></div> <label for="htmlCode" style="display: none;">Html/Css Code</label> <textarea id="htmlCode" rows="30" cols="80" name="templateCode" style="display: none;"></textarea> <div class="CodeMirror" style="display: none;"> <div class="clear"></div> <div class="spacer"></div> <label>Content Preview</label> <input id="previewTitle" type="text" value="A Test Product"> <img id="productInfoPreview" align="top" alt="Error in html/css code?" src="productInfoPreview.page?code=JTNDc3R5bGUlM0UlMEElMjNjb250ZW50JTIwJTdCJTBBYmFja2dyb3VuZCUzQSUyM0ZGRkZGRiUzQiUwQSU3RCUwQSUyM3RpdGxlJTIwJTdCJTBBY29sb3IlM0ElMjMwMDAwMDAlM0IlMEFmb250LWZhbWlseSUzQSUyMEFyaWFsJTNCJTBBZm9udC1zaXplJTNBJTIwMTIuMHB0JTNCJTBBZGlzcGxheSUzQWJsb2NrJTNCJTBBZmxvYXQlM0FsZWZ0JTNCJTBBY2xlYXIlM0Fib3RoJTNCJTBBJTdEJTBBJTIzcHJpY2UlMjAlN0IlMEFjb2xvciUzQSUyMzAwMDAwMCUzQiUwQWZvbnQtZmFtaWx5JTNBJTIwQXJpYWwlM0IlMEFmb250LXNpemUlM0ElMjAxMi4wcHQlM0IlMEFkaXNwbGF5JTNBYmxvY2slM0IlMEFmbG9hdCUzQWxlZnQlM0IlMEFjbGVhciUzQWJvdGglM0IlMEElN0QlMEElM0MlMkZzdHlsZSUzRSUwQSUzQ3NwYW4lMjBpZCUzRCd0aXRsZSclM0UlMjR0aXRsZSUzQyUyRnNwYW4lM0UlMEElM0NzcGFuJTIwaWQlM0QncHJpY2UnJTNFJUMyJUEzJTIwJTI0bGliLnNpbXBsZUZvcm1hdFByaWNlKCUyMCUyNHNhbGVQcmljZUdCUCUyQzIpJTNDJTJGc3BhbiUzRSUwQQ==&w=100&h=40&t=A Test Product"> </fieldset> <label for="howMany">Number Of Items</label> <input id="howMany" type="text" value="1" name="howMany" size="2"> <div class="clear"></div> <div class="spacer"></div> <label for="locale">Locale</label> <select name="location"> <div class="spacer"></div> <input id="tags" type="hidden" value="" name="tags"> <div class="spacer"></div> <p>Please insert here any tracking code you want to be added in the product link url</p> <label for="trackingCode">Tracking Code</label> <input id="trackingCode" value="" name="trackingCode"> <div class="spacer"></div> <label for="algorithms">Recommendations</label> <div class="spacer"></div> <p> <div class="spacer"></div> <table class="tree2"> <div class="spacer"></div> <div class="t1container"> <div class="treeChildSkeleton" style="display: none;"> <div class="spacer"></div> <div id="emailFocus" style="display: none;"> <div class="spacer"></div> <label> Email Placeholder:</label> <input type="text" value="%email%" name="emailplaceholder"> <div class="spacer"></div> <div class="codegenerator"> <div id="errors"></div> <div id="template" class="hidden template"> <div class="spacer"></div> <div class="spacer"></div> <label>Email:</label> <input type="text" value="" name="emailId"> <a href="#triggerEmail">Trigger Test Email</a> <a href="#showPreview">Preview Email</a> <div class="spacer"></div> <div id="emailmessage"></div> </fieldset> <div class="spacer"></div> <input class="submit120" type="submit" value="Save" name="doaction"> <a class="submit120" href="cancel.page">Cancel</a> <div id="previewPopup"></div> </form> </div> </div> <div id="color_selector" style="display: none; top: 639px; left: 663.5px;"> <div class="color_swatch" style="background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(153, 51, 0); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(51, 51, 0);"> </div> <div class="color_swatch" style="background-color: rgb(0, 0, 128);"> </div> <div class="color_swatch" style="background-color: rgb(51, 51, 153);"> </div> <div class="color_swatch" style="background-color: rgb(51, 51, 51); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(128, 0, 0); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(255, 102, 0); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(128, 128, 0); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(0, 128, 0); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(0, 128, 128); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(0, 0, 255);"> </div> <div class="color_swatch" style="background-color: rgb(102, 102, 153); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(128, 128, 128); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(255, 0, 0); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(255, 153, 0); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(153, 204, 0); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(51, 153, 102);"> </div> <div class="color_swatch" style="background-color: rgb(51, 204, 204);"> </div> <div class="color_swatch" style="background-color: rgb(51, 102, 255); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(128, 0, 128); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(153, 153, 153); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(255, 0, 255); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(255, 204, 0); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(255, 255, 0);"> </div> <div class="color_swatch" style="background-color: rgb(0, 255, 0);"> </div> <div class="color_swatch" style="background-color: rgb(0, 255, 255); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(0, 204, 255); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(153, 51, 102); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(192, 192, 192); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(255, 153, 204); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(255, 204, 153); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(255, 255, 153); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(204, 255, 255); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(153, 204, 255); border-color: rgb(0, 0, 0);"> </div> <div class="color_swatch" style="background-color: rgb(255, 255, 255); border-color: rgb(0, 0, 0);"> </div> <div id="color_custom"> </div> <ul id="menu0" class="expressionRowAdder jqpopupmenu" rowhandler="1" style="display: none; visibility: visible; z-index: 9000;"> </body> </html> Any help is highly appreciated... -- -- Before posting, please read http://watir.com/support. In short: search before you ask, be nice. [email protected] http://groups.google.com/group/watir-general [email protected] --- You received this message because you are subscribed to the Google Groups "Watir General" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
<<attachment: color_picker.jpg>>
