I don't see any reason from what you've posted that you should be getting an error, but I agree with Chuck that we may need some additional info.
Created a simple webpage <html> <div class="color_swatch" style="background-color: rgb(153, 204, 0); border-color: rgb(0, 0, 0);"> </div> </html> Found it using irb. >> b.div(:class => "color_swatch",:style => "background-color: rgb(153, 204, 0); border-color: rgb(0, 0, 0);").exists? => true What version of the watir and selenium gems do you have? On Thursday, March 21, 2013 7:43:00 AM UTC-4, [email protected] wrote: > > As mentioned by Dan/Chuck,first I inspected the color picker which popsup > the multiple colored dvis. > > b.div(:class => "color_swatch",:style => "background-color: rgb(153, 51, > 102); border-color: rgb(0, 0, 0);").click > > But its throwing the below error : > invalid attribute: nil > (Watir::Exception::MissingWayOfFindingObjectException) > ./features/step_definitions/smartmanager_email_steps.rb:11:in `/^I > click title color > picker$/'features\smart_manager_email_setup_05.feature:17:in `And I click > title color picker' > > Any help is much more appreciated... > > 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.
