Why are my JQuery Modal boxes not in there default position? - javascript

Until recently any modal box I displayed was dead center in the page. Which I assume is the default and is what I wanted.
Recently some change I made someplace in my code is causing the modal to open on the left bottom of the page, just poking up above the bottom of the screen.
I've explored all the code I've changed in the past weeks and can't find it. I also had updated the 'jquery.modal.min.css' file to the current version v0.9.1 so replaced that with the previous version. But that didn't fix it either.
I'm the first to admit I do not understand how to use the 'Web Inspector' effectively. If this is how I can track down the issue please be specific on its use.

well, you need to provide a fiddle so we can see any example of your code. That been said:
do you use GIT( you might be able to version back ALL files that might have been touched, keep in mind any new changes are gone).
are you the only Developer working on this? is there another developer, who could have added something locally with a !important? May be someone forgot to open or close a bracket, in your css/html/structure
my 2 cents

Related

Windows with space to write text dont appear AJS

I have created custom Issue Tab Panel with field, where I can add comment when Ill press my custom button “add comment”
In my VM template I have
AJS.$("#add-comment-button").click(function(e) {
e.preventDefault();
AJS.dialog2("#add-status-comment").show();
});
This button works fine and window to write text appears, but… In other section in Issues --> Current Search —> Views (Detail Views), windows with space to write text dont appear when I click button “add comment”. It only appers in normal view of issue… Whats problem?
I'm not sure if I understand your question right so I'll give it a try. Maybe it helps in one or the other way.
As you didn't provide the code affecting the window I assume it is possible you are retrieving the issue key or issue id. There are some Jira JS calls that don't work in every view. The reason is unknown to me, but maybe if you use different calls it will work.
Here is the question and answer to this field availability problem on the atlassian community: https://community.atlassian.com/t5/Jira-questions/Get-issueID-in-JavaScript-in-Project-Screen-viewing-issue/qaq-p/824175
Otherwise you should provide some more information.
Regards
Chris

JS/jQuery not working in CodePen

I'm on CodePen, trying to practice using JS and jQuery in conjunction with HTML.
HTML:
<button>asdasads</button>
JS:
$('button').on('click', function() {
alert('woot');
});
Link to the pen, which doesn't work.
It's meant to display an alert when the button is clicked. But it does nothing.
Here's another one, with the same HTML/JS. The only difference is that I edited this second one out of a "make this paragraph disappear by clicking a button" example CodePen pen.
This CodePen pen works 100%.
which works just beatifully. The code is identical. What is going on here? I cannot find anything on Google, there's no mention of having to configure CP in any way to make your JS mingle with your HTML.
Then again... As a child there was a room in my parent's house that was being renovated and the floor was gone, leaving a fall to the basement. I played a game of opening and closing a door to the room, pretending to be surprised that the floor was gone. Until one time I actually forgot and ran in (yes, I fell), and that was only like the 4th time I opened the door. So, yeah.
Thank you in advance. This is my first go at asking here. Be gentle! :E
You need to add the jQuery library to the Pen. Just click the gear in the JS block, then click Quick Add, like in this photo
You need add JQuery (Add External JavaScript)
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js

Mentio JS menu being added to bottom of the page

I'm trying to implement a Twitter style #mention interface using Angular JS and a library called MentioJS ()
The issue i'm having, is that after content is dynamically added to the page, I'm getting a rogue menu on the bottom of the page. I was able to replicate on the documentation page here:
http://jeff-collins.github.io/ment.io/?#/
By just hitting "Submit" at the bottom without changing anything. In Chrome, I see the default menu that opens in the first input show up again at the bottom of the page.
Any ideas why this might be happening?
I've encountered the same issue, as many others I think.
I've emptyed the array with the options for mentio-items (after pressing submit), which worked for me.
I`m sure this is not the right solution, but it fullfiels my needs.
I had the same issue with with ment.io, but as #Mihai Lazar pointed out after clearing array on submit, issue was resolved.
Regards..

Get dropdown menu in google extensions popup

I try create extension to google chrome - this extension must create button, that will show popup when pressed. That popup will contain input form, i think, and when i start inputting request string that will show dropdown menu with 'fast results' of search. So.. i can't find way to do it. I have one idea - i create and and connect them. With help of JS i add s of received data from google. But, this is do not work if packed as google extension (see proof: https://code.google.com/p/chromium/issues/detail?id=161302 ). Have you any idea?
P.S. Sorry me for two points: my bad english (not my native language) and, maybe, bad question - i just trying to start work with JS and google extensions. Thx for all.
You see in that bug that it is marked as fixed in June. This means it's fixed in whatever was the development version then. It will take some time until it reaches Stable.

Auto-updating store opened / store closed being displayed

new to this site. I have searched and searched and kept getting referred back to this previous post - How to determine the image that is displayed during business hours/days?
The previous poster was trying to accomplish the exact thing I am trying to do. I tried the code that was shown in jsfiddle, but I think there is something missing somewhere (in the css?). In fact, in jsfiddle, it shows "store is" and "store is closed" at the same time in the result window. I just can't seem to get it to work no matter what I do.
If they are in fact correct, can someone show me exactly what I need to do / where I need to put these? I just want a small image to be shown if the store is open or closed based on local time.
Any ideas from anyone with some patience would be appreciated. I'd even settle for a configurable widget at this point if anyone knows of one.
Thanks!
The fiddle works fine..
it is just that the open image is not available anymore ..
Check this fiddle (different photos that are available..) and an extra css rule that sets both open/closed divs to be hidden by default.. (so you do not see the flashing..)

Categories

Resources