jquery - Change tag on hover - replace image with text -

-

i have image value , want able hover on image , change text (to show image means, because image rather small)

i've tried using replacewith doesn't work when stop hovering.

$(document).ready(function(){         $("#apples").hover(function(){             $(this).replacewith("<span id=\"apples\">apples: 10</span>");             }, function(){             $(this).replacewith("<span id=\"apples\"><img src=\"images/apples.png\" alt=\"apples\"/> 10</span>");         });     });

hopefully explained correctly. want switch out image of apple text says apples when user hovers on it.

you need replace inner html of element, otherwise original element (which has hover event listener) ceases exist:

 $("#apples").hover(function(){         $(this).html("apples: 10");         }, function(){         $(this).html("<img src=\"images/apples.png\" alt=\"apples\"/> 10");  });

Comments

Post a Comment

Popular posts from this blog

jquery - ReferenceError: CKEDITOR is not defined -

-
may repeated question, solutions provided on net including stackoverflow q-a not resolved issue. ckeditor (4.5.3) integrated in mvc application. ckeditor using on textarea in partial view. same partial view used in create , edit post form. both form having same .chtml page. partial view : <textarea id="description" name="description" class="form-control" >@html.raw(model.description)</textarea> having script: <script type="text/javascript"> ckeditor.replace('description', { filebrowserimageuploadurl: '@url.action("uploadeditorimage", "administrator")', htmlencodeoutput: true }); </script> in .chtml page added : <script src="~/ckeditor/ckeditor.js"></script> generating proper js examined in response. config.js : ckeditor.editorconfig = function( config ) { config.image_previewtext = ckeditor.tools.repeat(' ...
Read more

javascript - Chart.js (Radar Chart) different scaleLineColor for each scaleLine -

-
Image
i try , create radar chart using chart.js has various colours each scaleline, or coloured between scalelines. wondering if possible? from: to: i have working graph, though there doesn't seem method change individual scale lines. kind regards leigh you can extend radar chart type this, so chart.types.radar.extend({ name: "radaralt", initialize: function (data) { chart.types.radar.prototype.initialize.apply(this, arguments); var originalscaledraw = this.scale.draw; var ctx = this.chart.ctx; this.scale.draw = function () { var linewidth = this.linewidth; // bypasses line drawing in originalscaledraw this.linewidth = linewidth; originalscaledraw.apply(this, arguments); ctx.linewidth = this.linewidth; var scale = this; // draw chart.helpers.each(scale.ylabels, function (label, index) { // color of ...
Read more

java - Android – MapFragment overlay button shadow, just like MyLocation button -

-
Image
i'm struggling add shadow custom overlay button on google map. goal make custom button google's mylocation button. here's how app looks now: layout.xml <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:map="http://schemas.android.com/apk/res-auto" android:layout_height="match_parent" android:layout_width="match_parent" style="@style/apptheme"> <fragment android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/map" tools:context=".mapsactivity" android:name="com.google.android.gms.maps.supportmapfragment" android:layout_alignparentend="true" android:layout_alignparentstart="true" android:layout_alignparentbottom="true" ...
Read more