Skip to main content
S
starfleetUpTo.date
Inspiring
June 22, 2020
Question

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

  • June 22, 2020
  • 3 replies
  • 361 views

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

This topic has been closed for replies.

3 replies

O
osgood_
Legend
June 22, 2020

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.

S
starfleetUpTo.dateAuthor
Inspiring
June 22, 2020

https://checkspromolabs.media/index.php/sophia-lilith-implant 

S
starfleetUpTo.dateAuthor
Inspiring
June 22, 2020

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

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

O
osgood_
Legend
June 22, 2020

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>

 

 

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices