AgWordSmith
A Freckled Encounter
Two questions!
One: Is there a way to remove highlighting/selecting Text with classes or divs?
Like when Clicking something multiple times it will highlight the text but That's kind of distracting and annoying when trying to click a clickable div
EX:
[class=button] background-color: black; Border-radius:5px; margin: 10px auto; text-align: center; width: 200px; padding:10px; color:white; Font-family:Book Antiqua; [/class] [class=ButtonClick] background-color:steelblue; Border-radius:5px; margin: 10px auto; text-align: center; width: 200px; padding:10px; color:Black; font-family:Book Antiqua: [/class] [Script class=button] set addedClass 0 [/script] [Script class=button on=click] if (eq ${addedClass} 0) (addClass ButtonClick) (removeClass ButtonClick) if (eq ${addedClass} 0) (setText "A PLACE") (setText "A NAME") if (eq ${addedClass} 0) (set addedClass 1) (set addedClass 0) [/script] [div class=button]A NAME[/div]
Question 2:
Is there any way to change text on hover?
Like using this? [class=Fade] background-color:Red; border-radius:5px; margin: 10px auto; width:20%; padding:5px; text-align:center; font-family:Courier New; color:silver; cursor:pointer; [/class] [class name=Fade state=hover] background-color:silver; border-radius:5px; margin: 10px auto; width:20%; padding:5px; text-align:center; font-family:Courier New; color:red; cursor:pointer; transition: color 0.5s ease-in 0.5s, background-color 0.5s ease-in 0.5s [/class] [div class=Fade]I shall[/div]
I was able to change it with script like this:
[class=buttonB] background-colorurple; border-radius:5px; margin: 10px auto; width:20%; padding:5px; text-align:center; font-family:Courier New; color:pink; [/class] [class=buttonClick] background-color:pink; border-radius:5px; margin: 10px auto; width:20%; padding:5px; text-align:center; font-family:Courier New; color:purple; cursor:pointer; [/class] [script class=buttonB on=mouseenter] setText "Speak to him" addClass buttonClick [/script] [script class=buttonB on=mouseleave] setText "What do you do?" removeClass buttonClick [/script] [script class=buttoBn on=click] addClass buttonB removeClass buttonClick [/script] [Div class=buttonB]What do you do?[/div]
but I was wondering if there's any possible way to get it to fade into fade second set of text while hovering instead of the instant switch?
One: Is there a way to remove highlighting/selecting Text with classes or divs?
Like when Clicking something multiple times it will highlight the text but That's kind of distracting and annoying when trying to click a clickable div
EX:
[class=button] background-color: black; Border-radius:5px; margin: 10px auto; text-align: center; width: 200px; padding:10px; color:white; Font-family:Book Antiqua; [/class] [class=ButtonClick] background-color:steelblue; Border-radius:5px; margin: 10px auto; text-align: center; width: 200px; padding:10px; color:Black; font-family:Book Antiqua: [/class] [Script class=button] set addedClass 0 [/script] [Script class=button on=click] if (eq ${addedClass} 0) (addClass ButtonClick) (removeClass ButtonClick) if (eq ${addedClass} 0) (setText "A PLACE") (setText "A NAME") if (eq ${addedClass} 0) (set addedClass 1) (set addedClass 0) [/script] [div class=button]A NAME[/div]
Question 2:
Is there any way to change text on hover?
Like using this? [class=Fade] background-color:Red; border-radius:5px; margin: 10px auto; width:20%; padding:5px; text-align:center; font-family:Courier New; color:silver; cursor:pointer; [/class] [class name=Fade state=hover] background-color:silver; border-radius:5px; margin: 10px auto; width:20%; padding:5px; text-align:center; font-family:Courier New; color:red; cursor:pointer; transition: color 0.5s ease-in 0.5s, background-color 0.5s ease-in 0.5s [/class] [div class=Fade]I shall[/div]
I was able to change it with script like this:
[class=buttonB] background-colorurple; border-radius:5px; margin: 10px auto; width:20%; padding:5px; text-align:center; font-family:Courier New; color:pink; [/class] [class=buttonClick] background-color:pink; border-radius:5px; margin: 10px auto; width:20%; padding:5px; text-align:center; font-family:Courier New; color:purple; cursor:pointer; [/class] [script class=buttonB on=mouseenter] setText "Speak to him" addClass buttonClick [/script] [script class=buttonB on=mouseleave] setText "What do you do?" removeClass buttonClick [/script] [script class=buttoBn on=click] addClass buttonB removeClass buttonClick [/script] [Div class=buttonB]What do you do?[/div]
but I was wondering if there's any possible way to get it to fade into fade second set of text while hovering instead of the instant switch?
Code:
[nobr]
[class=button]
background-color: black;
Border-radius:5px;
margin: 10px auto;
text-align: center;
width: 200px;
padding:10px;
color:white;
Font-family:Book Antiqua;
[/class]
[class=ButtonClick]
background-color:steelblue;
Border-radius:5px;
margin: 10px auto;
text-align: center;
width: 200px;
padding:10px;
color:Black;
font-family:Book Antiqua:
[/class]
[Script class=button]
set addedClass 0
[/script]
[Script class=button on=click]
if (eq ${addedClass} 0) (addClass ButtonClick) (removeClass ButtonClick)
if (eq ${addedClass} 0) (setText "A PLACE") (setText "A NAME")
if (eq ${addedClass} 0) (set addedClass 1) (set addedClass 0)
[/script]
[div class=button]A NAME[/div][/nobr]
Code:
[nobr][class=Fade]
background-color:Red;
border-radius:5px;
margin: 10px auto;
width:20%;
padding:5px;
text-align:center;
font-family:Courier New;
color:silver;
cursor:pointer;
[/class]
[class name=Fade state=hover]
background-color:silver;
border-radius:5px;
margin: 10px auto;
width:20%;
padding:5px;
text-align:center;
font-family:Courier New;
color:red;
cursor:pointer;
transition: color 0.5s ease-in 0.5s, background-color 0.5s ease-in 0.5s
[/class]
[div class=Fade]I shall[/div]
[br][/br][/nobr]
Code:
[nobr]
[class=buttonB]
background-color:Purple;
border-radius:5px;
margin: 10px auto;
width:20%;
padding:5px;
text-align:center;
font-family:Courier New;
color:pink;
[/class]
[class=buttonClick]
background-color:pink;
border-radius:5px;
margin: 10px auto;
width:20%;
padding:5px;
text-align:center;
font-family:Courier New;
color:purple;
cursor:pointer;
[/class]
[script class=buttonB on=mouseenter]
setText "Speak to him"
addClass buttonClick
[/script]
[script class=buttonB on=mouseleave]
setText "What do you do?"
removeClass buttonClick
[/script]
[script class=buttoBn on=click]
addClass buttonB
removeClass buttonClick
[/script]
[Div class=buttonB]What do you do?[/div][/nobr]