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. watir-general@googlegroups.com http://groups.google.com/group/watir-general watir-general+unsubscr...@googlegroups.com --- 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 watir-general+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/groups/opt_out.
<<attachment: color_picker.jpg>>
