Home > User Guide

How to Use Texts within One Slice to Change Texts within Other Slice when onClick, onMouseOver or onMouseout?

Below is the result we want to achieve through SliceMaker products: (Note: We will only show you the onMouseover event, the same way can be applied to onClick and onMouseout event.)

When your mouse hovers over the No.13 slice, the texts within the No.14 slice will be changed to the texts within No.13 slice.


------------------------------------------------------------

effect here

------------------------------------------------------------

 

Now, I will show you how to achieve the above result with SliceMaker products.

 

 

 

 Step 1: Select a Slice to Trigger the onClick, onMouseOver or onMouseOut Event

 

 

Note:

1) Here, we select No.13 slice to trigger the onClick, onMouseOver or onMouseOut event.

2) Here, we have already added texts to No.13 and No.14 slice C If you dont know how to add texts to a slice, please view this tutorial >>

 

 

 

 Step 2: Choose an Event - onClick, onMouseOver or onMouseOut

Here we will choose onMouseOver event.

 

 

 

 

 

 Step 3: Click the Add Button to Choose the Corresponding JavaScript Effect

 

 

 

 

 

 Step 4: Click the JavaScript Effect You Want to Choose

After clicking the JavaScript -  , a dialog box will appear asking us to select a source slice. We will use the texts within the source slice to change the texts within the target slice.

 

Here we will select No.13 slice, because we will use the texts within No.13 slice to change texts within No.14 slice:

 

 

 

After clicking the Confirm button, another dialog box will appear asking us to select a target slice. The texts within the target slice will be changed to the texts within the source slice.

 

Here, we will select No.14 slice because the texts within No.14 slice will be changed:

 

 

 

 

 Step 5: Generate the Project

 

After generating the project, you will immediately view the above result through the built-in previewer of SliceMaker products.

 

 

Click here to view the generated result

 

 

 Contact Us for Help

If you cannot find a proper solution to your issue through the above methods, our support team is always on standby for whatever problems youve got. We promise to you we will deal with your issues within 24 hours. Contact Our Support Team

 

 

 

 

Whats Next:

  

Choose a SliceMaker Product to Create a Website on Your Own-30 Day Freetrial
SliceMaker Standard V3.6 - Freeware
The anyone-can-master webpage making software. You can create exceptional webpage/website on your own even if you're unfamiliar with webpage making.
$0
$0
SliceMaker Platinum V3.6 - Freeware
The bestselling webpage making software, helps you create exceptional webpage/website without writing complicated CSS and DIV codes.
$0
$0
SliceMaker Deluxe V3.6 - Freeware
The all-in-one webpage making software, helps you create webpage/website of any style. It's the idea tool to create webpage/website.
$0
$0