I think Dan is on the right track below. It looks a lot like that picker is something that pops up when you click or mouseover some other item on the screen. carefully observe what makes it appear, and let us know. use right-click to examine the element that makes the pallet appear. Try clicking it first, or firing an on-mouseover event at it etc.. (depends on what makes it come into place) then as dan suggests try clicking on one of the divs that is the color you want.
On Wednesday, March 20, 2013 10:05:18 AM UTC-7, Dan wrote: > > I don't see a select list in the html you pasted above. I think you want > to do something like the below. > > b.div(:style => "background-color: rgb(153, 51, 102); border-color: > rgb(0, 0, 0);").click > > Obviously you need to make sure the picker is visible before you click on > any of those squares. You could narrow it to look at divs in the picker > class as well,but that's probably not needed. > > b.div(:class => "color_swatch",:style => "background-color: rgb(153, 51, > 102); border-color: rgb(0, 0, 0);").click > > On Wednesday, March 20, 2013 12:56:09 PM UTC-4, [email protected] wrote: >> >> Hi Dan, >> >> I've tried as below : >> browser.select_list(:class => 'color_picker').select '#993300' >> >> Got below error : >> unable to locate element, using {:class=>"color_picker", >> :tag_name=>"select"} (Watir::Exception::UnknownObjectException) >> >> >> >> On Wednesday, March 20, 2013 3:47:26 PM UTC, [email protected] wrote: >>> >>> 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.
