As stated above, I have problems with implementing a specific code on my website.
This is how it should look: https://codepen.io/smalinux/pen/VjXokA.
var d1_li = MorphSVGPlugin.convertToPath("#d1_li"),
d2_li = MorphSVGPlugin.convertToPath("#d2_li"),
d3_li = MorphSVGPlugin.convertToPath("#d3_li"),
d4_li = MorphSVGPlugin.convertToPath("#d4_li"),
d5_li = MorphSVGPlugin.convertToPath("#d5_li"),
d6_li = MorphSVGPlugin.convertToPath("#d6_li"),
d7_li = MorphSVGPlugin.convertToPath("#d7_li"),
d8_li = MorphSVGPlugin.convertToPath("#d8_li"),
d9_li = MorphSVGPlugin.convertToPath("#d9_li");
(I don't know how I show the rest of the JS code, but you can see it in the provided link)
Now, I have a Wordpress website and I am not good in HTML/JS/CSS at all. I am using the Avada theme and when I try to implement this, I either get a white box with nothing happening at all when I use the code generator. When I try to implement the codes seperately I see all the animations overlapping eachother and not moving (meaning JS is wrong?).
Now, I hope I explained my problem. If somebody could help me I would be forever grateful!
Exactly how are you implementing the css and js? Screenshots would help. Are you using a child theme?
Is it possible to see if iOS 11’s Smart Invert is enabled using either JavaScript or CSS? I’d like my websites to work with it, seeing I (and probably a lot of other people) use it a lot.
Based on the answer posted in the comments above and using Modernizr.js you could do this fairly easily with a custom test.
Modernizr.addTest('colorinvert', accessibilityIgnoresInvertColors in window && !accessibilityIgnoresInvertColors);
This will add a class to the page's <html> element called colorinvert if the colors are being inverted, and nocolorinvert if not.
This should make it easy to apply custom css or javascript logic when the colors are inverted.
Vanilla js could analyze this property and do the same thing as modernizr as well -- something like this run during initial page load should work:
var classname = "colorinvert";
if(typeof(window["accessibilityIgnoresInvertColors"]) === "undefined" || accessibilityIgnoresInvertColors) classname = "no" + classname;
document.getElementsByTagName("html")[0].classList.add(classname);
I am pretty new to web design and programming. I am trying to learn as much as i can but i have issues with tool tip JavaScript that i used in my website
Here is my website
Does anyone know how to disable the "purchase pop up box"?
This is exactly what i am using
Please help!
For Latest tooltip.JS:
Find below js Code in tooltip.js
e.className = "mcTooltipInner";
Now Find e[P] = h; code, next to upper searched code(in if condition) and replace below code with e[P] = h; code.
$('.mcTooltipWrapper').css('display','none');
/* e[P] = h; */
you just have to find and delete the script after g=new ub; until var c=e(R,k);, so find and delete the script:
if(a)console.log=a}if(E&&E.id=="mcttDummy"&&d.innerHTML.indexOf(X("kdvh#Uh"))!=-1)g.i=function(){};return g},jb=function(d,c,b){b=b||{};var a;for(a in c)d[a]=b[a]!==undefined?b[a]:c[a]},gb=0,I,tb=function(b){if(!b){b=e(o,"mcttDummy");if(!b){b=e(N,"div");b.id="mcttDummy";b[a].display="none";
and it won't show the pop-up again
Open the tooltip.js in Notepad....
Do a search for "mcttDummy", this is the popup that comes up randomly.
You should see a function like this:
if(!b){
b=e(N,"div");
b.id="mcttDummy"
...etc...
}
In that condition where the object is not B,
Put an alert there, that's useful for debuging javascript.
if(!b){alert("mcttDummy");
b=e(N,"div");
b.id="mcttDummy"
...etc...
}
Now try to get the purchase popup to come up.
It should be triggered after the alert.
The tool script relevant portion i.e.
if(a)console.log=a}if(E&&E.id=="mcttDummy"&&d.innerHTML.indexOf(X("kdvh#Uh"))!=-1)g.i=function(){};return g},jb=function(d,c,b){b=b||{};var a;for(a in c)d[a]=b[a]!==undefined?b[a]:c[a]},gb=0,I,tb=function(b){if(!b){b=e(o,"mcttDummy");if(!b){b=e(N,"div");b.id="mcttDummy";b[a].display="none";
May also look like -
if(a)console.log=a}if(k&&k.id=="mcttDummy"&&d[P].indexOf(mb("kdvh#Uh"))!=-1)g.i=Nb;return g},yb=function(d,c,b){b=b||{};var a;for(a in c)d[a]=b[a]!==undefined?b[a]:c[a]},ub=0,M,Jb=function(b){if(!b){b=l(L,"mcttDummy");if(!b){b=l(N,"div");b.id="mcttDummy";b[a][Y]="none";
If you remove the complete script, the script may not function properly. Instead of that, you may simply replace "none" as "". This will solve the issue as I've tested.
Look for this code in js-image-slider.js
for(var b=[],a=0;a<e[d];a++)b[b[d]]
Start this for loop from 24 i.e a=24
The logic is simple.... they iterate the for loop to 24 i.e making the string "slider purchase reminder" count to 24 including spaces.
If you iterate the loop from 24 the string making logic will not work, hence it will not be displayed on the page. So your code snippet should look like
for(var b=[],a=24;a<e[d];a++)b[b[d]]
So I have been stuck on this jQuery problem for days at this point.
I am working on a Web Application that was derived from Mobile and my company goes through NetBiscuits for mobile.
Long story short NetBiscuits uses their own markup and I cannot get this string'[BR][BR]'from showing up in an error message.
[BR] is the BML of line break and I need some jQuery to take that sucker out of our web app!
[ ] essentially needs to be < > or nothing (preferred)
I gave the form: errors a div id of "erMsg." Here's my code in javascript:
document.getElementById("erMsg").value = document.getElementById("erMsg").innerHTML(erMsg.replace('[BR][BR]', '<br><br>'));
I have tried countless methods and practices both using jQuery and JS, innerHTML and replace().
ANY help would be most graciously accepted.
innerHTML is not a function, it's a property. You assign to it.
Try this:
var elem = document.getElementById('erMsg');
elem.innerHTML = elem.innerHTML.replace(/\[br\]/ig,'<br />');
I'm looking for a simple javascript to create side panel with hiding after some action(ex. after clicking on some area). Something like this example but appearing from left side not from up to down as the example works.
Will be appreciated for any help :)
You have 2 options. You can either use JQuery or scriptaculous to do this. There are plenty of examples and tutorials on the internet or you can simply use java script to this.
First download émile It's a very simple javascript animation framework.
Since you didn't provide any HTML markup, I'm assuming you have something like this.
<div id="side-panel">panel content..</div>
<div id="content">main content..</div>
and let's say your side-panel element has a CSS style of width:200px. Ok, now place a button somewhere and assign it a click event. Such as onclick="togglePanel()"
Here is the content of the togglePanel function:
function togglePanel(){
var panel = document.getElementById('side-panel');
if(!panel.__closed){
emile(panel, 'width:0px');
panel.__closed = true;
}else{
emile(panel, 'width:200px');
panel.__closed = false;
}
}
If you check the documentation of the emile framework you can do lot's of other cool things.
as you haven't provided us your code (which you have build) that's why I'm just giving a code to help you (And I don't know that this is a right answer or not). This code needs jQuery Ver.1.4 at least I think so, but I'm not clear. Anyways let's get started. Here is a link to live demo.
Hope this helps!