Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

How To Coding The Content Visiable By The Mouse? Rate Topic   - - - - -

 
  • londonman
  • Member
  • Members
  • Join Date: 27-Oct 10
  • 232 posts

Posted 06 March 2021 - 03:16 PM #1

Hi folks,,

 

Please check the referenced sites, 

https://www.hivis.co.uk/faqs-en.html

 

The content only shows up when the mouse click the question?

 

With what code I can make it happen? And how to make it automatically close when click other tags?

 

Thank you,



 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 12028 posts

Posted 06 March 2021 - 07:14 PM #2

<div class="hidden" id="my_image_area">
Assuming this is an image you want to reveal
</div>
<div">
<a href="#" id="my_question">And this is your question?</a>
</div>
<script>
$('#my_question').click(function() {
  $('#my_image_area')..toggle();
  return false;
});
</script>

EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21716 posts

Posted 08 March 2021 - 07:49 AM #3

You can use default microformats as well. Please read the "Elements combinations" section here

 

https://docs.cs-cart...croformats.html


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • londonman
  • Member
  • Members
  • Join Date: 27-Oct 10
  • 232 posts

Posted 11 March 2021 - 03:29 PM #4

<div class="hidden" id="my_image_area">
Assuming this is an image you want to reveal
</div>
<div">
<a href="#" id="my_question">And this is your question?</a>
</div>
<script>
$('#my_question').click(function() {
  $('#my_image_area')..toggle();
  return false;
});
</script>

Hi, thank you for your reply. I am not good at coding, I wonder if you can give me  a example code. Like th e question, and the answer.  Appreciate that.



 
  • londonman
  • Member
  • Members
  • Join Date: 27-Oct 10
  • 232 posts

Posted 11 March 2021 - 03:34 PM #5

You can use default microformats as well. Please read the "Elements combinations" section here

 

https://docs.cs-cart...croformats.html

Hi there, i checked the link and  tried Popups, but falied

<div class="cm-popup-box">
<strong class="hand cm-popup-switch">Close</strong>
...
</div>

 



 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 12028 posts

Posted 11 March 2021 - 08:53 PM #6

Hi, thank you for your reply. I am not good at coding, I wonder if you can give me  a example code. Like th e question, and the answer.  Appreciate that.

That is example code...


EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • londonman
  • Member
  • Members
  • Join Date: 27-Oct 10
  • 232 posts

Posted 12 March 2021 - 03:22 PM #7

That is example code...

Thank you, i see the questions, but where should I put the answer in? 



 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 12028 posts

Posted 12 March 2021 - 07:16 PM #8

Thank you, i see the questions, but where should I put the answer in? 

Where it says: "Assuming this is an image you want to reveal".  if you're just using text for the answer, just use 'p' tags inside the 'div'.


EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.