Web Dev Questions That Don't Need Their Own Thread v4
5,001 replies, posted
[QUOTE=arleitiss;41457464]Is it possible to make menu like this:
[img]http://i411.photobucket.com/albums/pp196/arleitiss/Untitled-1fw_zps408374a9.png[/img]
So that it's not a box-link but rather elevated like that?
and when user hovers over one of those, it kind of rolls out/extends.
is that even possible? And user doesn't need to hover over actual menu item text, but just a tab itself.[/QUOTE]
CSS has a property called [I][URL="http://css-tricks.com/almanac/properties/t/transform/"]transform[/URL][/I]
Maybe if you were creative with that?
[QUOTE=gokiyono;41461473]CSS has a property called [I][URL="http://css-tricks.com/almanac/properties/t/transform/"]transform[/URL][/I]
Maybe if you were creative with that?[/QUOTE]
Really? is that the best solution? I assumed there is some kind of complex jquery stuff for such thing. Thanks anyway, I wonder is there any other ways too?
[QUOTE=arleitiss;41461756]Really? is that the best solution? I assumed there is some kind of complex jquery stuff for such thing. Thanks anyway, I wonder is there any other ways too?[/QUOTE]
I guess there are something fancy in jquery you could/should do to make it roll out.
[QUOTE=Epiclulz762;41460897]My latest question deals with co-location; where I am currently, I am being offered $60/month for 1U (to possible 2/4U) rack space. This does not include internet service but it does include power and lock/access.
I cannot find any local places to quote, except this one mentioned above, so does anyone here have a range of what they are offered or what you pay?[/QUOTE]
This is probably not the best place to ask about colocation. Have a look over at Web Hosting Talk, that's a better community for a question like that.
Very cool, I'll direct my issues there.
[QUOTE=arleitiss;41457464]Is it possible to make menu like this:
[img]http://i411.photobucket.com/albums/pp196/arleitiss/Untitled-1fw_zps408374a9.png[/img]
So that it's not a box-link bu rather elevated like that?
and when user hovers over one of those, it kind of rolls out/extends.
is that even possible? And user doesnt need to hover over actual menu item text, but just a tab itself.[/QUOTE]
This isn't going to be easy to get to work well, while still having it working in older browsers anyway
Hi lovely FP, i'd love some help to get YQL working.
[url]http://y.ahoo.it/FCvun[/url] In here is the REST query that I want to use - but no matter what I do (jQuery, json) nothings appears :(
[QUOTE=Shadow801;41464961]This isn't going to be easy to get to work well, while still having it working in older browsers anyway[/QUOTE]
By the looks of it, I don't think his audience will be on older browsers.
[QUOTE=AGMadsAG;41465126]Hi lovely FP, i'd love some help to get YQL working.
[url]http://y.ahoo.it/FCvun[/url] In here is the REST query that I want to use - but no matter what I do (jQuery, json) nothings appears :([/QUOTE]
I'm not sure what you want for an output here, but this seems to work:
[html]
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.min.js" ></script>
<script>
$.get("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D'http%3A%2F%2Ffinance.yahoo.com%2Fq%3Fs%3D%255EGSPC%26ql%3D0'%20and%20xpath%3D'%2F%2F*%5B%40id%3D%22yfs_l10_%5Egspc%22%5D'&diagnostics=true&env=http%3A%2F%2Fdatatables.org%2Falltables.env",
function(data) {
$("#info").html(data);
}, "text");
</script>
</head>
<body>
<div id="info">
</div>
</body>
</html>
[/html]
(Outputs: "true10577382301,680.19")
Alternatively, change the .html to .text and it will give you the xml code that is shown on the website itself.
[QUOTE=gokiyono;41465856]By the looks of it, I don't think his audience will be on older browsers.[/QUOTE]
Exactly, most people are chrome/safari/firefox/opera users
Hello I'm trying to make a script that picks an element with a certain class and then makes it swap places with an element with a different class. I'm going to use this for a chance game where you have many different buttons and only 1 of them work, the working button changes its location with a non-working button each time the page is loaded. Basically changing the link that the button have, so for example the first button is the correct button to begin with, you reload the page and then the script changes the link of the first button to be to the incorrect one and then for instance button 2 have the correct link.
The problem is that I don't know how to write javascript and I'd love some help!
[HTML]
<html>
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="jQuery.js"></script>
<style>
body{
background-color: #548195;
}
#wrapper{
width: 900px;
height: 600px;
margin: 0px auto;
position: relative;
top: 50px;
}
table{
position: relative;
margin: 0px auto;
}
table tr td{
padding: 0.5px;
}
.box{
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.3;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
}
.box:hover{
width: 100%;
height: 100%;
background-color: #fff;
opacity: 1;
}
.box1{
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.3;
-webkit-transition: opacity 0.2s;
}
.box1:hover{
width: 100%;
height: 100%;
background-color: #fff;
opacity: 1.0;
}
a.link{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
</style>
</head>
<body>
<div id="wrapper">
<table>
<tr>
<td width="100px" height="100px"><div class="box"><a href="lose.html" class="link"></a></div></td>
<td width="100px" height="100px"><div class="box"><a href="lose.html" class="link"></a></div></td>
<td width="100px" height="100px"><div class="box"><a href="lose.html" class="link"></a></div></td>
<td width="100px" height="100px"><div class="box1"><a href="winner.html" class="link"></a></div></td>
<tr>
</table>
</div>
</body>
</html>[/HTML]
[QUOTE=eternalflamez;41465935]I'm not sure what you want for an output here, but this seems to work:
(Outputs: "true10577382301,680.19")
Alternatively, change the .html to .text and it will give you the xml code that is shown on the website itself.[/QUOTE]
I love you, thank you! This has been bugging me for maany hours - I just needed to change/remove the diagnostics from the rest link you replied with and bam, my "1,680.19" output!
I owe you a title update, so just PM me if/when you'd like!
[QUOTE=Copopit;41467072]Hello I'm trying to make a script that picks an element with a certain class and then makes it swap places with an element with a different class. I'm going to use this for a chance game where you have many different buttons and only 1 of them work, the working button changes its location with a non-working button each time the page is loaded. Basically changing the link that the button have, so for example the first button is the correct button to begin with, you reload the page and then the script changes the link of the first button to be to the incorrect one and then for instance button 2 have the correct link.
The problem is that I don't know how to write javascript and I'd love some help!
[HTML]
<html>
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="jQuery.js"></script>
<style>
body{
background-color: #548195;
}
#wrapper{
width: 900px;
height: 600px;
margin: 0px auto;
position: relative;
top: 50px;
}
table{
position: relative;
margin: 0px auto;
}
table tr td{
padding: 0.5px;
}
.box{
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.3;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
}
.box:hover{
width: 100%;
height: 100%;
background-color: #fff;
opacity: 1;
}
.box1{
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.3;
-webkit-transition: opacity 0.2s;
}
.box1:hover{
width: 100%;
height: 100%;
background-color: #fff;
opacity: 1.0;
}
a.link{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
</style>
</head>
<body>
<div id="wrapper">
<table>
<tr>
<td width="100px" height="100px"><div class="box"><a href="lose.html" class="link"></a></div></td>
<td width="100px" height="100px"><div class="box"><a href="lose.html" class="link"></a></div></td>
<td width="100px" height="100px"><div class="box"><a href="lose.html" class="link"></a></div></td>
<td width="100px" height="100px"><div class="box1"><a href="winner.html" class="link"></a></div></td>
<tr>
</table>
</div>
</body>
</html>[/HTML][/QUOTE]
Isn't half the fun doing it yourself? :P
Some basic tutorials can get you far as this isn't very complicated.
Anyone used protocol buffers under php?
[QUOTE=garry;41490621]Anyone used protocol buffers under php?[/QUOTE]
My interaction with Google Protocol Buffers has been limited to C++, but there are quite a few PHP implementations on Github. You'll probably end up running into issues with PHP's weak type management...
I'd suggest checking these out:
[url]https://github.com/allegro/php-protobuf[/url]
[url]https://github.com/drslump/Protobuf-PHP[/url]
I've got a seemingly simple question but I'm scratching my head over it and I run into it all the time.
If I want something hidden offscreen, or to expand beyond the windows border or just a website that doesn't have any horizontal scrollbars no matter what what is the best method?
I know about overflow-x:hidden but it seems you need to declare the width and my websites need to adapt to any size. I just don't want any horizontal scrollbars under any circumstance.
[QUOTE=defy;41495011]I've got a seemingly simple question but I'm scratching my head over it and I run into it all the time.
If I want something hidden offscreen, or to expand beyond the windows border or just a website that doesn't have any horizontal scrollbars no matter what what is the best method?
I know about overflow-x:hidden but it seems you need to declare the width and my websites need to adapt to any size. I just don't want any horizontal scrollbars under any circumstance.[/QUOTE]
use
body, html{
overflow: hidden;
}
What would be the best dedicated server for a site that does a lot of data download and a lot of write operations?
I am in need of a new host that'll allow me to write everything I want.
[QUOTE=01271;41501114]What would be the best dedicated server for a site that does a lot of data download and a lot of write operations?
I am in need of a new host that'll allow me to write everything I want.[/QUOTE]
So it has to be dedicated and not a vps?
[QUOTE=defy;41495011]I've got a seemingly simple question but I'm scratching my head over it and I run into it all the time.
If I want something hidden offscreen, or to expand beyond the windows border or just a website that doesn't have any horizontal scrollbars no matter what what is the best method?
I know about overflow-x:hidden but it seems you need to declare the width and my websites need to adapt to any size. I just don't want any horizontal scrollbars under any circumstance.[/QUOTE]
You shouldn't have to declare a width for overflow-x:hidden. And if you do, it would simply be 100%.
Don't use Jeller's suggestion as it will disable scroll completely.
What are them in browser popups called? I'll have to explain it cause I can't bloody find a website for the life of me atm but you go onto the website and it reduces the website opacity in the background, and the popup box in the middle of screen normally says "sign up to our newsletter for 10% off" or something along those lines?
[QUOTE=xianlee;41504100]What are them in browser popups called? I'll have to explain it cause I can't bloody find a website for the life of me atm but you go onto the website and it reduces the website opacity in the background, and the popup box in the middle of screen normally says "sign up to our newsletter for 10% off" or something along those lines?[/QUOTE]
A modalbox/lightbox
[QUOTE=Shadow801;41504123]A modalbox/lightbox[/QUOTE]
Thanks.
I don't know if anyone knows but would this be easy to implement on a website that uses Magento?
I have access to the homepage that looks like this > [URL]http://i.cubeupload.com/r3cKot.png[/URL]
I have FTP access but I can't find the files to change the homepage, as far as I'm aware its hidden or some shit or its just in code I don't understand (i only know html and css)
It would be good if I could do it myself cause we have a 3rd party IT guy that charges for like every little bit of work.
[QUOTE=xianlee;41504193]Thanks.
I don't know if anyone knows but would this be easy to implement on a website that uses Magento?
I have access to the homepage that looks like this > [URL]http://i.cubeupload.com/r3cKot.png[/URL]
I have FTP access but I can't find the files to change the homepage, as far as I'm aware its hidden or some shit or its just in code I don't understand (i only know html and css)
It would be good if I could do it myself cause we have a 3rd party IT guy that charges for like every little bit of work.[/QUOTE]
I haven't looked into Magento but isn't the structure of it like WordPress?
[QUOTE=xianlee;41504193]Thanks.
I don't know if anyone knows but would this be easy to implement on a website that uses Magento?
I have access to the homepage that looks like this > [URL]http://i.cubeupload.com/r3cKot.png[/URL]
I have FTP access but I can't find the files to change the homepage, as far as I'm aware its hidden or some shit or its just in code I don't understand (i only know html and css)
It would be good if I could do it myself cause we have a 3rd party IT guy that charges for like every little bit of work.[/QUOTE]
Your best bet is to look for a Magento Lightbox plugin as trying to do it yourself will never end well if you don't understand it.
A quick google finds 'Magento Easy Lightbox'. [url]http://www.magentocommerce.com/magento-connect/magento-easy-lightbox.html[/url]
If that doesn't fill your needs, there's probably plenty more.
[QUOTE=Svenskunganka;41504390]I haven't looked into Magento but isn't the structure of it like WordPress?[/QUOTE]
No idea never used wordpress haha, and thanks shadow we have that on our website at the minute, its that modalbox i need where people can put their email in for the newsletter
found one:
[URL]http://www.potterybarnkids.com/shop/kids/furniture/[/URL]
and this is what i need
[url]http://www.wayfair.co.uk/[/url]
[QUOTE=xianlee;41504607]No idea never used wordpress haha, and thanks shadow we have that on our website at the minute, its that modalbox i need where people can put their email in for the newsletter
found one:
[URL]http://www.potterybarnkids.com/shop/kids/furniture/[/URL]
and this is what i need
[url]http://www.wayfair.co.uk/[/url][/QUOTE]
I wouldn't recommend doing that, but whatever suits.
Try this one?
[url]http://webkul.com/blog/joomla-content-modal-box/[/url]
However, to do the email sign-up you will have to insert into the content whatever you are using for your subscriptions.
[QUOTE=xianlee;41504193]Thanks.
I don't know if anyone knows but would this be easy to implement on a website that uses Magento?
I have access to the homepage that looks like this > [URL]http://i.cubeupload.com/r3cKot.png[/URL]
s
I have FTP access but I can't find the files to change the homepage, as far as I'm aware its hidden or some shit or its just in code I don't understand (i only know html and css)
It would be good if I could do it myself cause we have a 3rd party IT guy that charges for like every little bit of work.[/QUOTE]
Just add the .js file url of an CDN hosted plugin on the top and follow the tutorial of the used plugin. Should work as there some Javascript at top too.
Most of them already got some predefined urls which you only need to copy/paste (like jsDelivr).
Otherwise use this
[CODE]<script type="text/javascript" src="#Url to file without http:#"</script>[/CODE]
[QUOTE=MarcoPixel;41507069]Just add the .js file url of an CDN hosted plugin on the top and follow the tutorial of the used plugin. Should work as there some Javascript at top too.
Most of them already got some predefined urls which you only need to copy/paste (like jsDelivr).
Otherwise use this
[CODE]<script type="text/javascript" src="#Url to file without http:#"</script>[/CODE][/QUOTE]
Thanks, Ill try it at work tomorrow
[QUOTE=xianlee;41510635]Thanks, Ill try it at work tomorrow, also I'm wondering on this website: [URL]http://www.kiddicare.com/[/URL]
You know on the navigation bar how a grey line "|" separates the different categories, whats it called or where can i find the code to learn it myself?[/QUOTE]
That's a divider, I would implement it in CSS.
Sorry, you need to Log In to post a reply to this thread.
