Why in IE7 does it prohibit me from dragging URL's/images links...etc into a TextArea?
This does not work:
In IE go to Tools > Internet Options > Security
Select Internet from the list of Zones and click the Custom level... button.
Scroll down to the Miscellaneous section and look for Drag and drop or copy and paste files.
Make sure Enable is selected.
Click OK, Apply, OK.
*NOTE: I can drag to tabs.
RESOURCE URL FOR ACCEPTED ANSWER:
http://msdn.microsoft.com/en-us/library/ms533743%28VS.85%29.aspx
Adding the following JavaScript code into you page enables dragging links to textarea in IE.
/* FIX IE of not allowing dropping links into textarea. */
document.ondragstart = function () {
window.event.dataTransfer.effectAllowed = "copyLink";
};
Related
i tried to hidden the subcategory and sub-subcategory menu in topmenu horizontal in Clasic Theme Prestashop 1.7.3 but i didnt find the correct code css and php code in tpl.
If anybody can help me? Only need change the code in css or .tpl too?
Thanks.
By CSS is really easy, with google chrome you can do...
Right click in the element of the menu you want to hide.
Click on Inspect
Now in the DevTool will be highlighted the element.
Do right click on it.
In the contextual menu, make click on Copy > Copy selector
After this, you will have the CSS selector that you need to hide in your clipboard, just paste it in some style sheet (CSS file) to create your rule to hide the element, something like this:
#category-3 > a {
display: none;
}
In some of this style sheets should works:
/themes/YOUR_THEME/assets/css/custom.css
/themes/YOUR_THEME/assets/css/theme.css
Once made, don't forget to clear the cache.
i'm using google chrome, when ever i'm inspecting elements some css rules define particular path like (template.css:44) but some properties are in locallhost:22 (body a {
color: #EB540A;), then how can i reach this property and where this css is placed ??
Right click on your mouse and then click "view page source". Now one new window will open and you able to see the path of the css file(template.css) and you able to edit.
I was given a Wordpress theme to install for a new website and then asked to make some customizations.
The site is here: http://centergrovepto.org/townsend/ (I'm not sure where the original theme came from.)
There are 3 buttons along the right side of the front page slider. "Employers", "Candidates", and "Open Positions". The buttons were initially clickable and all they did was change the current slider image.
I'm trying to make them clickable so that they open the corresponding page. If you hover over each button you can see in the status bar that the link paths are setup correctly, but when I click the button nothing happens.
I'm guessing it is a CSS issue and some layer is covering up the actual buttons, but I don't know enough CSS to figure out what the cause is. I have the Firebug plugin for Firefox installed so I can more easily inspect the CSS. I've played around with changing the z-index of various elements, but I just can't get it to work.
I actually think it's your jQuery Faded plugin. It looks as if this:
if (o.pagination) {
if (o.autopagination) {
$t.append("<ul class="+o.pagination+"></ul>");
$c.children().each(function(){
$("."+o.pagination+"",$t).append("<li><a rel="+number+" href=\"#\" >"+(number+1)+"</a></li>");
number++;
});
}
$("."+o.pagination+" li a:eq(0)",$t).parent().addClass("current");
$("."+o.pagination+" li a",$t).click(function(){
current = $("."+o.pagination+" li.current a",$t).attr("rel");
clicked = $(this).attr("rel");
if (current != clicked) {animate("pagination",clicked,current);}
if(o.autoplay){pause();}
return false; //THIS LINE PREVENTS DEFAULT ACTION WHEN <a> LINK IS CLICKED
});
}
Is preventing the default action of your links. I'm not sure what will happen, but try commenting the "return false" line out. See if any unwanted side-effects happen. Otherwise, add this code to your (or what I assume is yours) custom.js file:
jQuery(".pagination ul li a").click(function()
{
window.location = this.href; //UPDATED FOR EPHRAIM
});
I'm not exactly sure why this is happining, because if you open the link in a new tab, it works perfectly. It's possible that it's a css problem, but more likely, it has to do with your HTML.
What I would try is adding a target to your link. This will tell it to open the link specifically in the window your in, which may solve the problem. (I haven't tested it myself though)
Instead of
Try changing it to one of the following:
Or, if that one doesn't work, try this one as well
Let me know if that helps!
as I've seen on your site, the 3 buttons are linked like this:
a href="/townsend/employers/"
But i think it should be like this to work because a href="/townsend/employers/" does not refer to anywhere in your server
try changing it like so:
<a href="http://centergrovepto.org/townsend/employers/">
I have two drop down lists on a page. The behavior is as follows:
select something in list 1
list 2 is enabled
select something in list 2
button is enabled
I am doing the above with autopostback enabled on the drop down lists. To toggle the button I use the code below:
if (ddlAvailablePrograms.SelectedValue != string.Empty)
{
careerInfoLearnMoreSubmit.Enabled = true;
careerInfoLearnMoreSubmit.Style.Remove("opacity");
careerInfoLearnMoreSubmit.Style.Add("opacity", "1.0;");
}
else
{
careerInfoLearnMoreSubmit.Enabled = false;
careerInfoLearnMoreSubmit.Style.Remove("opacity");
careerInfoLearnMoreSubmit.Style.Add("opacity", "0.5;");
}
This works fine in Firefox but in IE as soon as I make a selection in the first drop down list the button looses its greyed out style.
Any suggestions how to fix this in IE?
Thanks,
b3n
The opacity CSS style has known issues with Internet Explorer.
Try adding this to your CSS stylesheet, and instead of adding an inline style, add a class:
.opaque {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
Order has to be exactly like above.
This technique is shown/used here: http://www.quirksmode.org/css/opacity.html
Also, i have heard using jQuery to apply the opacity is ideal, because jQuery handles all cross-browser issues. Is that an option?
How to edit selectors to test something in Firebug?
alt text http://shup.com/Shup/365060/1105167712-My-Desktop.png
for example if i want to test
this
#Homepage #thirdCol a
as a
#Homepage #thirdCol > a
how to test like this in firebug
In Firebug, select the CSS tab.
The daughter bar will now show: a pause button, an "Edit" control, and the "first" CSS file, next to a down arrow.
Click on that down arrow to select the appropriate CSS file -- which you can identify in the HTML/CSS view.
Then click "Edit" and you can add, change, delete, or comment-out CSS selectors as much as needed.
ETA: See also seanizer's answer. Firebug's HTML+Style pane has direct links to the editable source of the style rules it displays.
Right click an element that has the selector you want to change
Choose 'Inspect Element' from the menu
In the 'Styles' tab, look for the selector you want to change, click the link next to it
the style sheet will open, click the selector label and edit it. changes apply immediately
Edit the HTML (using FireBug) and add a new style element.
<style type="text/css">
#Homepage #thirdCol > a {
...
}
</style>
Right click once on the '#Homepage #thirdCol a' text that is in your screen shot
Choose 'Inspect in CSS Tab' from the context menu.
Left click once on '#Homepage #thirdCol a' (after the css tab is opened)
you should now be able to edit the selector.