Using Twitter Bootstrap glyphicons in javascript

Question

Does anyone know how I can use a Twitter Bootstrap glyphicons to replace the image covered in the following example in my javascript (.js) file:

var $img = $('<img class="child-opener-image" src="../img/sample.png" title="text here" />');

in HTML I would just use the following as an example:

<i class="icon-search icon-white"></i>

though not sure how to include this in the javascript example above.

Any ideas?

hi Rich, thanks for your suggestion. How can i also include the "child-opener-image" class in the example above? This is needed by the plugin i am using. — user1746582
– user1746582, Commented Jan 9, 2013 at 11:22
Hi, just got it working was easier than I thought: $('<img class="child-opener-image icon-pencil" ...) Many thanks Rich :) — user1746582
– user1746582, Commented Jan 9, 2013 at 11:29
Cool - I've added as an answer instead then so you can accept it :) — Rich Bradshaw
– Rich Bradshaw, Commented Jan 9, 2013 at 11:40

Rich Bradshaw · Accepted Answer · 2013-01-09 11:40:01Z

1

Use:

$('<i class="child-opener-image icon-search icon-white"></i>');

The image is actually a sprite sheet, so it's kinda fiddly to use it otherwise - you'd need to set the correct background-position etc, so why not just use the class that already has that info!

answered Jan 9, 2013 at 11:40

Rich Bradshaw

73.3k46 gold badges190 silver badges241 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1746582 Over a year ago

+1, just edited your answer with what I actually included. a minor change for my purpose. thanks again :)

Collectives™ on Stack Overflow

Using Twitter Bootstrap glyphicons in javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related