How to use a circleType for several elements
up vote
0
down vote
favorite
I want all labels to have a circleType. When I define a circleType only for one label with getElementById , it succeeds. But when I use getElementsByClassName it does not work.
<div id="playlistAll">
<div class="divHover">
<label class="class-name" id="first">AAAAA</label>
<div class="playlistCon">
</div>
</div>
<div class="divHover">
<label class="class-name">BBBBBB</label>
<div class="playlistCon">
</div>
</div>
working
const circleType = new CircleType(document.getElementById('first'));
circleType.radius(100);
not working
const circleType = new CircleType(document.getElementsByClassName('class-name'));
circleType.radius(100);
Does anyone have an idea?
Thanks in advance.
html css
asked Nov 10 at 19:49
gliklach
53
add a comment |
up vote
0
down vote
favorite
I want all labels to have a circleType. When I define a circleType only for one label with getElementById , it succeeds. But when I use getElementsByClassName it does not work.
<div id="playlistAll">
<div class="divHover">
<label class="class-name" id="first">AAAAA</label>
<div class="playlistCon">
</div>
</div>
<div class="divHover">
<label class="class-name">BBBBBB</label>
<div class="playlistCon">
</div>
</div>
working
const circleType = new CircleType(document.getElementById('first'));
circleType.radius(100);
not working
const circleType = new CircleType(document.getElementsByClassName('class-name'));
circleType.radius(100);
Does anyone have an idea?
Thanks in advance.
html css
asked Nov 10 at 19:49
gliklach
53
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I want all labels to have a circleType. When I define a circleType only for one label with getElementById , it succeeds. But when I use getElementsByClassName it does not work.
<div id="playlistAll">
<div class="divHover">
<label class="class-name" id="first">AAAAA</label>
<div class="playlistCon">
</div>
</div>
<div class="divHover">
<label class="class-name">BBBBBB</label>
<div class="playlistCon">
</div>
</div>
working
const circleType = new CircleType(document.getElementById('first'));
circleType.radius(100);
not working
const circleType = new CircleType(document.getElementsByClassName('class-name'));
circleType.radius(100);
Does anyone have an idea?
Thanks in advance.
html css
asked Nov 10 at 19:49
gliklach
53
I want all labels to have a circleType. When I define a circleType only for one label with getElementById , it succeeds. But when I use getElementsByClassName it does not work.
<div id="playlistAll">
<div class="divHover">
<label class="class-name" id="first">AAAAA</label>
<div class="playlistCon">
</div>
</div>
<div class="divHover">
<label class="class-name">BBBBBB</label>
<div class="playlistCon">
</div>
</div>
working
const circleType = new CircleType(document.getElementById('first'));
circleType.radius(100);
not working
const circleType = new CircleType(document.getElementsByClassName('class-name'));
circleType.radius(100);
Does anyone have an idea?
Thanks in advance.
html css
html css
asked Nov 10 at 19:49
gliklach
53
asked Nov 10 at 19:49
gliklach
53
asked Nov 10 at 19:49
gliklach
53
asked Nov 10 at 19:49
gliklach
53
asked Nov 10 at 19:49
gliklach
53
53
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
accepted
The readme for CircleType indicates that the constructor only accepts an HTML element, not elements. So, if you really want to use that class for multiple elements, you'll probably need to loop over each element and create an instance of CircleType for each one.
answered Nov 10 at 20:02
Snake14
28917
I create the labels dynamically. In what other way can I set the label to be rounded to everyone?
– gliklach
Nov 10 at 21:43
You could always tinker with the CSS border-radius property.
– Snake14
Nov 10 at 22:25
Border-radius makes the label border rounded but not the text, am I wrong?
– gliklach
Nov 10 at 23:00
Correct. It only affects the border of the label.
– Snake14
Nov 10 at 23:12
Is there a way to affects the text of some labels?
– gliklach
Nov 10 at 23:22
|
show 2 more comments
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53242798%2fhow-to-use-a-circletype-for-several-elements%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
accepted
The readme for CircleType indicates that the constructor only accepts an HTML element, not elements. So, if you really want to use that class for multiple elements, you'll probably need to loop over each element and create an instance of CircleType for each one.
answered Nov 10 at 20:02
Snake14
28917
I create the labels dynamically. In what other way can I set the label to be rounded to everyone?
– gliklach
Nov 10 at 21:43
You could always tinker with the CSS border-radius property.
– Snake14
Nov 10 at 22:25
Border-radius makes the label border rounded but not the text, am I wrong?
– gliklach
Nov 10 at 23:00
Correct. It only affects the border of the label.
– Snake14
Nov 10 at 23:12
Is there a way to affects the text of some labels?
– gliklach
Nov 10 at 23:22
|
show 2 more comments
up vote
0
down vote
accepted
The readme for CircleType indicates that the constructor only accepts an HTML element, not elements. So, if you really want to use that class for multiple elements, you'll probably need to loop over each element and create an instance of CircleType for each one.
answered Nov 10 at 20:02
Snake14
28917
I create the labels dynamically. In what other way can I set the label to be rounded to everyone?
– gliklach
Nov 10 at 21:43
You could always tinker with the CSS border-radius property.
– Snake14
Nov 10 at 22:25
Border-radius makes the label border rounded but not the text, am I wrong?
– gliklach
Nov 10 at 23:00
Correct. It only affects the border of the label.
– Snake14
Nov 10 at 23:12
Is there a way to affects the text of some labels?
– gliklach
Nov 10 at 23:22
|
show 2 more comments
up vote
0
down vote
accepted
up vote
0
down vote
accepted
The readme for CircleType indicates that the constructor only accepts an HTML element, not elements. So, if you really want to use that class for multiple elements, you'll probably need to loop over each element and create an instance of CircleType for each one.
answered Nov 10 at 20:02
Snake14
28917
The readme for CircleType indicates that the constructor only accepts an HTML element, not elements. So, if you really want to use that class for multiple elements, you'll probably need to loop over each element and create an instance of CircleType for each one.
answered Nov 10 at 20:02
Snake14
28917
answered Nov 10 at 20:02
Snake14
28917
answered Nov 10 at 20:02
Snake14
28917
answered Nov 10 at 20:02
Snake14
28917
28917
I create the labels dynamically. In what other way can I set the label to be rounded to everyone?
– gliklach
Nov 10 at 21:43
You could always tinker with the CSS border-radius property.
– Snake14
Nov 10 at 22:25
Border-radius makes the label border rounded but not the text, am I wrong?
– gliklach
Nov 10 at 23:00
Correct. It only affects the border of the label.
– Snake14
Nov 10 at 23:12
Is there a way to affects the text of some labels?
– gliklach
Nov 10 at 23:22
|
show 2 more comments
I create the labels dynamically. In what other way can I set the label to be rounded to everyone?
– gliklach
Nov 10 at 21:43
You could always tinker with the CSS border-radius property.
– Snake14
Nov 10 at 22:25
Border-radius makes the label border rounded but not the text, am I wrong?
– gliklach
Nov 10 at 23:00
Correct. It only affects the border of the label.
– Snake14
Nov 10 at 23:12
Is there a way to affects the text of some labels?
– gliklach
Nov 10 at 23:22
I create the labels dynamically. In what other way can I set the label to be rounded to everyone?
– gliklach
Nov 10 at 21:43
I create the labels dynamically. In what other way can I set the label to be rounded to everyone?
– gliklach
Nov 10 at 21:43
You could always tinker with the CSS border-radius property.
– Snake14
Nov 10 at 22:25
You could always tinker with the CSS border-radius property.
– Snake14
Nov 10 at 22:25
Border-radius makes the label border rounded but not the text, am I wrong?
– gliklach
Nov 10 at 23:00
Border-radius makes the label border rounded but not the text, am I wrong?
– gliklach
Nov 10 at 23:00
Correct. It only affects the border of the label.
– Snake14
Nov 10 at 23:12
Correct. It only affects the border of the label.
– Snake14
Nov 10 at 23:12
Is there a way to affects the text of some labels?
– gliklach
Nov 10 at 23:22
Is there a way to affects the text of some labels?
– gliklach
Nov 10 at 23:22
|
show 2 more comments
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53242798%2fhow-to-use-a-circletype-for-several-elements%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
