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.
