Current date/time is October 16th 2019, 9:25 pm

Search found 2 matches for 111

html attribute name replaced by character entities

Technical Details


Forum version : #PunBB
Position : Member
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : Yourself
Forum link : ( link is hidden, you must reply to see )

Description of problem

I'm trying to create a post template whose colour changes when hovered over, then reverting when the mouse is not hovered over the element. I am trying to utilise the onmouseover and onmouseout events, however the 'o's keep getting replaced by their character entities, '&#111' when the code is viewed via the inspect element developer tool of my browser, and it does not work.

for instance,
Code:
<div style="background:white" &#111;nm&#111;use&#111;ver="this.style.background='black'" &#111;nm&#111;use&#111;ut="this.style.background='white'"></div>

looks like
Code:
<div style="background:white" &#111nm&#111use&#111ver="this.style.background='black'" &#111nm&#111use&#111ut="this.style.background='white'"></div>
when submitted and viewed, thereby not allowing the color changing to occur.

I know I can use a style block with hover state selection, however I'd prefer to limit the use of that because I may use the template several times in a thread, and I don't want to slow anybody looking at the thread down, as well as a few other reasons.

thanks,
by ryou
on November 2nd 2015, 11:08 pm
 
Search in: Scripts Problems Archives
Topic: html attribute name replaced by character entities
Replies: 3
Views: 462

How to create this CSS animated, responsive drop-down menu?

I don't get it. I see the reference to popup-data in the script, but I can't find it in the HTML file, not even for the first sub menu.

EDIT: The popup-data is found in the CSS:

.popup-data {
          position:absolute;
          z-index: 999;
          background: #FFEECA;
          color: #111;
          padding: 5px;
          border: 1px solid #000;
          display: none;
          max-width: 300px;
          font-size: 11px;
        }

#data-table td:hover .popup-data, .tech-word:hover .popup-data {
       display: block;
        }

EDIT2: I fixed it myself. I changed the reference to "data-table" in the script to "menu", which is the ID for the whole menu. Now the script finds all rd's in the whole HTML and adds the pop-up data when hovering Very Happy


EDIT3: Already found a new bug. The java script disables the widgets scrolling and the toolbar on every page except the page with the new menu. I have now disabled the toolbar on my forum entirely.




Compare http://www.saltvannsprat.com/h390-testmeny to http://www.saltvannsprat.com/ The script was actived for all pages, after deactivating it everywhere, it all works.

But please don't lock the thread all yet, mods! Still problems to come Smile
by Soulmonster
on January 13th 2015, 3:36 pm
 
Search in: Garbage
Topic: How to create this CSS animated, responsive drop-down menu?
Replies: 79
Views: 3381

Back to top

Jump to: