Highlighted

Anyone knows what is wrong with that Javascript? #Dreamweaver #Javascript #iframe

New Here ,
Jun 22, 2020

Copy link to clipboard

Copied

Changeing CSS of certain element based on certain title of other element with Javascript... to change style works already, but not yet based on title selector...

if (getElemtById(blockrandom).title == ("sophia-lilith-implant")) 

{var style = document.createElement('style');
style.appendChild(document.createTextNode('.contentpane {padding-bottom: 260% !important}'));
document.body.appendChild(style);}

else {alert("hello");}


Thanks in advance

Topics

How to

Views

67

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Anyone knows what is wrong with that Javascript? #Dreamweaver #Javascript #iframe

New Here ,
Jun 22, 2020

Copy link to clipboard

Copied

Changeing CSS of certain element based on certain title of other element with Javascript... to change style works already, but not yet based on title selector...

if (getElemtById(blockrandom).title == ("sophia-lilith-implant")) 

{var style = document.createElement('style');
style.appendChild(document.createTextNode('.contentpane {padding-bottom: 260% !important}'));
document.body.appendChild(style);}

else {alert("hello");}


Thanks in advance

Topics

How to

Views

68

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Jun 22, 2020

Copy link to clipboard

Copied

Is there maybe a way to do it in pure CSS? I already tried:

.contentpane iframe [title='sophia-lilith-implant'] {
.contentpane {padding-bottom: 260%;}
}

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
osgood_ LATEST
LEGEND ,
Jun 22, 2020

Copy link to clipboard

Copied

Try including an 'additional class' in your css stylesheet:

 

.additionalStyles {
padding-bottom: 260%;
}

 

Then use the below javascript to apply the class IF 'blockrandom' title === "sophia-lilith-implant":

 

<script>

const contentpane = document.querySelector('.contentpane');
if(document.getElementById('blockrandom').title === "sophia-lilith-implant") {
contentpane.classList.add('additionalStyles')
}

</script>

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
New Here ,
Jun 22, 2020

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
LEGEND ,
Jun 22, 2020

Copy link to clipboard

Copied

Not sure what you are trying to do but the code you posted is incorrect. First line should be:

 

if(document.getElementById('blockrandom').title === "sophia-lilith-implant") {

 

See if that makes a difference.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Resources
Learn Resources
Add a group