JQuery :: Code A Page With Code - User To Be Able To Move Html Elements Around
Mar 23, 2011
I am trying to make a gui for clients to edit a php page that displays html and javascript.
I want the user to be able to move html elements around and even edit it like add effects like fade in and out etc.
Then after all the changes I want to overwrite the existing php file that does this for that user. how can you make such changes and then save it to a file?
It's an html / javascript editor but using a gui instead of allowing them to directly touch the code. It would be a security risk if I allow such a thing. So I need to program a interface that would make such changes and save them to file.
Like how can you delete and add new javascript code to the file?
I made this function to duplicate form elements with a little html-code surrounding the input fields. First i clone the html of the first child found (always gets rendered by php). Then, everytime the add-button is pushed, i append a cloned piece of that stored html. It's working fine except for the delete button.
It's seems that whenever a cloned html is removed, the other cloned elements aren't recognized anymore by the delete buttons (although the delete buttons are in them)
I am trying to get this simple piece of code to work, for some reason the HTML page is not handling the jQuery.js link. Tried the ../ for a link would'nt work either. The HTML file and the .js file all in the same folder in my htdocs
I have some code that works great when used inline (inside of an html page). The inline code looks like this and has an onchange = "gotoTest(this);" as part of the select element
I have a page in HTML and inside of the page there is a php code to refer a field that must get data from the some table and in the same time i want to validate this field using JavaScript but until now didn't work.
I need to somehow hide this block of HTML code in my page. Now I have no control over the code as it comes from another site so there is no ID or anything. If the <a> or <td> tags had ID I could hide it with javascript.
I have an assignment doing something simple with javascript, but I'm lost because I can't figure out what I am doing wrong. This is the assignment. I'm using the code provided and modifying it as stated, but I cannot get the image to move. My textbook doesn't provide answers (it honestly has just 2 chapters devoted to javascript) that I can find. Here is my code
<?xml version="1.0"?> <!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "http:www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
I need to make sure the zip code the user enters matches up with 1 of 50 acceptable zip codes - so if they enter nothing at all or enter a zip code that does not match up with one of the 50 acceptable zip codes they get an error. I know I need some kind of conditional statement like: if (#zipcode != "12345 || 23456 || 45678 || 12365") .. do something...
and in this code, it works, the call is made and text is added. in the other code I don't get a change at all. Not even in the database that add.php manipulates.
This works fine when I place this code under the html in the main source, but if I try to add this Jquery code to an external js sheet it doesnt seem to work?
Currently my js sheet is called in the header, when I move this link to the footer of my page the code works again, so Im guessing this has something to do with where the jquery code is placed in relation to the code Im trying to hide?
How I can keep my js in the header but still make the content disappear on click?
I am looking to write some code that, once the window is closed, it runs some extra JS which loads a *.php file through an AJAX call. In theory to me it sounds simple but for some reason I cannot get it working. I tried the "onload" attribute but then found that triggers with refresh and links (not good). I simply need the JS code to start running some other JS when the window closes.
Code: <script type="text/javascript"> function doUnload() { $.post(""); } </script>
When I want to handle html/css code in js/jquery it seems that line breaks aren't allowed. This of course makes the code less readable. Is there a workaround to this or is it simply to accept?This doesn't work:
I test to creat a plugin 'infobulle' for my website, but when I want send HTML code (infobulle content), I never receive this...
This is my HTML code : <div class="K_infobulle"> <span class='K_infobulle_content' style='display:none;'> <span class="bold">Lorem ipsum dolor sit amet</span><br/><br/> <span class="underline">Lorem ipsum dolor sit amet</span><br/><br/>
[Code].....
But I have just alert with writing 'null' ..
EDIT : I have resolve the forget problème of 'K_' in each class.
I am using $.post to send an HTTP Post Request to my web page and I receive the generated HTML code within the corresponding callback function. Unfortunately, the browser does not reload the web page automatically to see the changes of the request. For sure, I could use document.window.reloaed() to make them visible, but instead I simply wanna use the returned HTML code to change web page.
I have tried several javascript statements, such as window.childNodes[0].innerHTML = data or window.clear() but nothing works. Then, I saw the option of using $(document).html(data) but this is also not the approriate one.
<?php if($_SESSION['id']) echo '<h1>Hello, '.$_SESSION['usr'].'! You are registered and logged in!</h1>'; else echo '<h1>Please, <a href="demo.php">login</a> and come back later!</h1>'; echo 'Should i find a new login' ?>
im trying to use this as a check to see if someone is logged in
simple code page with div content, there some things and i do :alert( $("#content").html() ); gives me really nasty code in IE it adds some of default values, changes code to uppercase as for really old html opera and firefox works fine is there a way to avoid custom code added by IE?
I want to do something like below with jQuery <a id="nextId" href="javascript:doSomething('[URL]')>NextPage</a> <script> function doSomething(link){ //process the response } </script>
Right now my code block with jQuery looks like this : <a id="nextId" href="javascript:doSomething('[URL]')>NextPage</a> <script> function doSomething(link){ $("#nextId").click(function() { $('div.galleryDiv').html("loading....").load(link); }) } </script>
The problem with the above code is that I have to click twice to invoke the link - obviously, one for Javascript and the other jQuery 'click' function. I am new to jQuery, - invoking jQuery 'click', from HTML code, by passing dynamically generated 'link' as param.