Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Webpage Snapshots

Participant ,
May 12, 2008 May 12, 2008
Hi,
Is there a way I can snapshot a page when the visitor clicks on submit? or is there a script I can use?
TOPICS
Server side applications
1.5K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 12, 2008 May 12, 2008
> Is there a way I can snapshot a page when the visitor clicks on submit? or
> is there a script I can use?

What do you mean by 'snapshot'? You mean screen shot? If so, not, not
natively through a browser. You'd have to use some 3rd part add-on compenent
that gets installed client-side.

-Darrel


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
May 12, 2008 May 12, 2008
yes a screenshot. Sorry I've been searching the net for different terms for the same thing, but still nothing useable.

I have had no luck with dompdf.

All I need to do is create a file, either a pdf or jpg to show me what the site user is seeing

I have gone back to using dompdf so far I have this:

Page 1 with submit button:
Once user has submitted it goes to page 2:

require_once("dompdf/dompdf_config.inc.php");
$width = 3.370 * 72.0; // Width in points (3.37" x 72 pt/in)
$height = 2.125 * 72.0; // Height in points (2.125" x 72 pt/in)
$size = array(0.0, 0.0, $height,$width);

if ( isset( $_POST["html"] ) ) {

if ( get_magic_quotes_gpc() )
$_POST["html"] = stripslashes($_POST["html"]);

$old_limit = ini_set("memory_limit", "16M");

$dompdf = new DOMPDF();
$dompdf->load_html($_POST["html"]);
$dompdf->set_paper($size, "Landscape");
$dompdf->load_html($_REQUEST[html]);
$dompdf->render();

$dompdf->stream("businesscard.pdf");

exit(0);

}

Some how I need to pass the variable html as part of the form.

The script author emailed me saying:
Try calling load_html() only once with the full html document that you want
created as a business card. For example:

// clean input here
...

// Note you can include CSS and whatever markup you need in $html
$html = "<html><body>".
"<p>Name: " . $_POST["name"] . " </p> " .
"<p>Work Phone: " . $_POST["name"] . "</p>" .
...
"</body></html>";

$dompdf = new DOMPDF();
$width = 3.370 * 72.0; // Width in points (3.37" x 72 pt/in)
$height = 2.125 * 72.0; // Height in points (2.125" x 72 pt/in)
$size = array(0.0, 0.0, $height,$width);
$dompdf->set_paper($size);
$dompdf->load_html($html);
$dompdf->render();
$dompdf->stream();
...

But I have tried this for page 1 its doesnt seem to work, what am I doing wrong to get it working on separate pages?
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 12, 2008 May 12, 2008
> All I need to do is create a file, either a pdf or jpg to show me what the
> site user is seeing

You'd need to use software installed on their machine. Note that seeing an
end-user's screen is a gigantic security issue so any decent browser will
block any sort of attempt to do that automatically.

It looks like your method it attempting to emulate the end-user's settings
and then create a screen shot on the server?

That can be a bit risky as you have no idea if it truly is what the end-user
sees.

Can I ask what the ultimate goal of this is for? Maybe there's a better way
to go about it.

-Darrel


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
May 12, 2008 May 12, 2008
Yes, I see what you mean.
But I only want to see where the user is moving the DIV's on my website.

I have a website that designs business cards, the area of the business card has moveable DIV tags with text inside that gets added by a form on the left hand side of the webpage.

Because you can drag the DIV's I need to know which position they are in so when I get the pdf or jpg I can recreate it and sent it to print.

If you want my code I can email it to you
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 12, 2008 May 12, 2008
> Yes, I see what you mean.
> But I only want to see where the user is moving the DIV's on my website.

You could get the position of a div and pass it back to your server via
javascript. Upon submit, have a script find the location of each DIV and
then pass it back.

> I have a website that designs business cards, the area of the business
> card
> has moveable DIV tags with text inside that gets added by a form on the
> left
> hand side of the webpage.

Out of curiosity, how are you translating the low resolution HTML of a web
page into a high resolution print file?

One thought would be to consider Flash. I believe Flash can export straight
to a vector file format and given that it's plug-in based, you can get a
much more consistent and accurate idea of the rendering.

-Darrel


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
May 13, 2008 May 13, 2008
I'm sorry I do not know anything about javascript apart from adding it to a site, I would need a good tutorial or something.
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
May 13, 2008 May 13, 2008
The code for the Design Submit: But how do I pass it on to Card_Save.php?
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 13, 2008 May 13, 2008
To pass the values back to your PHP, you'll have to have your javascript
write the values to hidden form fields, and then grab the data from the form
fields server-side when the form posts.

Alternatively, you could use AJAX for this as well.

-Darrel

--
=================================================================
Win prizes searching google:
http://www.blingo.com/friends?ref=hM72-GU3FWzMFnTqhv-2GE1FNtA
"The_FedEx_Guy" <webforumsuser@macromedia.com> wrote in message
news:g0bkng$njh$1@forums.macromedia.com...
> The code for the Design Submit: But how do I pass it on to Card_Save.php?
>
> function SubmitDesign() {
> // Card_Design.InfoLeft1.value=20;
> Card_Design.InfoLeft1.value=document.all.InfoDiv1.style.pixelLeft;
> Card_Design.InfoTop1.value=document.all.InfoDiv1.style.pixelTop;
> Card_Design.InfoFont1.value=document.all.InfoDiv1.style.fontFamily;
> Card_Design.InfoSize1.value=document.all.InfoDiv1.style.fontSize;
> if(document.all.InfoDiv1.style.fontWeight=="bolder") {
> Card_Design.InfoBold1.value=1;
> } else {
> Card_Design.InfoBold1.value=0;
> }
> if(document.all.InfoDiv1.style.fontStyle=="italic") {
> Card_Design.InfoItalic1.value=1;
> } else {
> Card_Design.InfoItalic1.value=0;
> }
> if(document.all.InfoDiv1.style.display=="none") {
> Card_Design.InfoColor1.value="";
> } else {
> Card_Design.InfoColor1.value=document.all.InfoDiv1.style.color;
> }
> Card_Design.InfoLeft2.value=document.all.InfoDiv2.style.pixelLeft;
> Card_Design.InfoTop2.value=document.all.InfoDiv2.style.pixelTop;
> Card_Design.InfoFont2.value=document.all.InfoDiv2.style.fontFamily;
> Card_Design.InfoSize2.value=document.all.InfoDiv2.style.fontSize;
> if(document.all.InfoDiv2.style.fontWeight=="bolder") {
> Card_Design.InfoBold2.value=1;
> } else {
> Card_Design.InfoBold2.value=0;
> }
> if(document.all.InfoDiv2.style.fontStyle=="italic") {
> Card_Design.InfoItalic2.value=1;
> } else {
> Card_Design.InfoItalic2.value=0;
> }
> if(document.all.InfoDiv2.style.display=="none") {
> Card_Design.InfoColor2.value="";
> } else {
> Card_Design.InfoColor2.value=document.all.InfoDiv2.style.color;
> }
> Card_Design.InfoLeft3.value=document.all.InfoDiv3.style.pixelLeft;
> Card_Design.InfoTop3.value=document.all.InfoDiv3.style.pixelTop;
> Card_Design.InfoFont3.value=document.all.InfoDiv3.style.fontFamily;
> Card_Design.InfoSize3.value=document.all.InfoDiv3.style.fontSize;
> if(document.all.InfoDiv3.style.fontWeight=="bolder") {
> Card_Design.InfoBold3.value=1;
> } else {
> Card_Design.InfoBold3.value=0;
> }
> if(document.all.InfoDiv3.style.fontStyle=="italic") {
> Card_Design.InfoItalic3.value=1;
> } else {
> Card_Design.InfoItalic3.value=0;
> }
> if(document.all.InfoDiv3.style.display=="none") {
> Card_Design.InfoColor3.value="";
> } else {
> Card_Design.InfoColor3.value=document.all.InfoDiv3.style.color;
> }
>
>
> Card_Design.InfoLeft4.value=document.all.InfoDiv4.style.pixelLeft;
> Card_Design.InfoTop4.value=document.all.InfoDiv4.style.pixelTop;
> Card_Design.InfoFont4.value=document.all.InfoDiv4.style.fontFamily;
> Card_Design.InfoSize4.value=document.all.InfoDiv4.style.fontSize;
>
> Card_Design.InfoHeight4.value=document.all.InfoDiv4.style.lineHeight;
>
> if(document.all.InfoDiv4.style.fontWeight=="bolder") {
> Card_Design.InfoBold4.value=1;
> } else {
> Card_Design.InfoBold4.value=0;
> }
> if(document.all.InfoDiv4.style.fontStyle=="italic") {
> Card_Design.InfoItalic4.value=1;
> } else {
> Card_Design.InfoItalic4.value=0;
> }
> if(document.all.InfoDiv4.style.display=="none") {
> Card_Design.InfoColor4.value="";
> } else {
> Card_Design.InfoColor4.value=document.all.InfoDiv4.style.color;
> }
>
> Card_Design.InfoLeft5.value=document.all.InfoDiv5.style.pixelLeft;
> Card_Design.InfoTop5.value=document.all.InfoDiv5.style.pixelTop;
> Card_Design.InfoFont5.value=document.all.InfoDiv5.style.fontFamily;
> Card_Design.InfoSize5.value=document.all.InfoDiv5.style.fontSize;
> Card_Design.InfoHeight5.value=document.all.InfoDiv5.style.lineHeight;
>
> if(document.all.InfoDiv5.style.fontWeight=="bolder") {
> Card_Design.InfoBold5.value=1;
> } else {
> Card_Design.InfoBold5.value=0;
> }
> if(document.all.InfoDiv5.style.fontStyle=="italic") {
> Card_Design.InfoItalic5.value=1;
> } else {
> Card_Design.InfoItalic5.value=0;
> }
> if(document.all.InfoDiv5.style.display=="none") {
> Card_Design.InfoColor5.value="";
> } else {
> Card_Design.InfoColor5.value=document.all.InfoDiv5.style.color;
> }
>
> Card_Design.InfoLeft6.value=document.all.InfoDiv6.style.pixelLeft;
> Card_Design.InfoTop6.value=document.all.InfoDiv6.style.pixelTop;
> Card_Design.InfoFont6.value=document.all.InfoDiv6.style.fontFamily;
> Card_Design.InfoSize6.value=document.all.InfoDiv6.style.fontSize;
>
> if(document.all.InfoDiv6.style.fontWeight=="bolder") {
> Card_Design.InfoBold6.value=1;
> } else {
> Card_Design.InfoBold6.value=0;
> }
> if(document.all.InfoDiv6.style.fontStyle=="italic") {
> Card_Design.InfoItalic6.value=1;
> } else {
> Card_Design.InfoItalic6.value=0;
> }
> if(document.all.InfoDiv6.style.display=="none") {
> Card_Design.InfoColor6.value="";
> } else {
> Card_Design.InfoColor6.value=document.all.InfoDiv6.style.color;
> }
>
>
>
> Card_Design.LogoShowornot.value=document.all.LogoDiv.style.display;
>
> Card_Design.LogoOuterLeft.value=document.all.LogoDiv.style.pixelLeft;
> Card_Design.LogoOuterTop.value=document.all.LogoDiv.style.pixelTop;
> Card_Design.LogoOuterWidth.value=document.all.LogoDiv.style.pixelWidth;
> Card_Design.LogoOuterHeight.value=document.all.LogoDiv.style.pixelHeight;
> Card_Design.LogoInnerLeft.value=document.all.LogoContDiv.style.pixelLeft;
> Card_Design.LogoInnerTop.value=document.all.LogoContDiv.style.pixelTop;
>
> Card_Design.LogoInnerWidth.value=document.all.LogoContDiv.style.pixelWidth;
>
> Card_Design.LogoInnerHeight.value=document.all.LogoContDiv.style.pixelHeight;
>
> Card_Design.LogoTransparent.value=document.all.LogoDiv.filters.item("DXImageTr
> ansform.Microsoft.Alpha").Opacity;
>
> Card_Design.LogoMirror.value=document.all.LogoDiv.filters.item("DXImageTransfo
> rm.Microsoft.BasicImage").Mirror;
>
> Card_Design.LogoGrayScale.value=document.all.LogoDiv.filters.item("DXImageTran
> sform.Microsoft.BasicImage").GrayScale;
>
> Card_Design.FaceShowornot.value=document.all.FaceDiv.style.display;
> Card_Design.FaceOuterLeft.value=document.all.FaceDiv.style.pixelLeft;
> Card_Design.FaceOuterTop.value=document.all.FaceDiv.style.pixelTop;
> Card_Design.FaceOuterWidth.value=document.all.FaceDiv.style.pixelWidth;
> Card_Design.FaceOuterHeight.value=document.all.FaceDiv.style.pixelHeight;
> Card_Design.FaceInnerLeft.value=document.all.FaceContDiv.style.pixelLeft;
> Card_Design.FaceInnerTop.value=document.all.FaceContDiv.style.pixelTop;
>
> Card_Design.FaceInnerWidth.value=document.all.FaceContDiv.style.pixelWidth;
>
> Card_Design.FaceInnerHeight.value=document.all.FaceContDiv.style.pixelHeight;
>
> Card_Design.FaceTransparent.value=document.all.FaceDiv.filters.item("DXImageTr
> ansform.Microsoft.Alpha").Opacity;
>
> Card_Design.FaceMirror.value=document.all.FaceDiv.filters.item("DXImageTransfo
> rm.Microsoft.BasicImage").Mirror;
>
> Card_Design.FaceGrayScale.value=document.all.FaceDiv.filters.item("DXImageTran
> sform.Microsoft.BasicImage").GrayScale;
> }
>


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 13, 2008 May 13, 2008
The script below is IE only, you know?
Mick

The_FedEx_Guy wrote:
> The code for the Design Submit: But how do I pass it on to Card_Save.php?
>
> function SubmitDesign() {
> // Card_Design.InfoLeft1.value=20;
> Card_Design.InfoLeft1.value=document.all.InfoDiv1.style.pixelLeft;
> Card_Design.InfoTop1.value=document.all.InfoDiv1.style.pixelTop;
> Card_Design.InfoFont1.value=document.all.InfoDiv1.style.fontFamily;
> Card_Design.InfoSize1.value=document.all.InfoDiv1.style.fontSize;
> if(document.all.InfoDiv1.style.fontWeight=="bolder") {
> Card_Design.InfoBold1.value=1;
> } else {
> Card_Design.InfoBold1.value=0;
> }
> if(document.all.InfoDiv1.style.fontStyle=="italic") {
> Card_Design.InfoItalic1.value=1;
> } else {
> Card_Design.InfoItalic1.value=0;
> }
> if(document.all.InfoDiv1.style.display=="none") {
> Card_Design.InfoColor1.value="";
> } else {
> Card_Design.InfoColor1.value=document.all.InfoDiv1.style.color;
> }
> Card_Design.InfoLeft2.value=document.all.InfoDiv2.style.pixelLeft;
> Card_Design.InfoTop2.value=document.all.InfoDiv2.style.pixelTop;
> Card_Design.InfoFont2.value=document.all.InfoDiv2.style.fontFamily;
> Card_Design.InfoSize2.value=document.all.InfoDiv2.style.fontSize;
> if(document.all.InfoDiv2.style.fontWeight=="bolder") {
> Card_Design.InfoBold2.value=1;
> } else {
> Card_Design.InfoBold2.value=0;
> }
> if(document.all.InfoDiv2.style.fontStyle=="italic") {
> Card_Design.InfoItalic2.value=1;
> } else {
> Card_Design.InfoItalic2.value=0;
> }
> if(document.all.InfoDiv2.style.display=="none") {
> Card_Design.InfoColor2.value="";
> } else {
> Card_Design.InfoColor2.value=document.all.InfoDiv2.style.color;
> }
> Card_Design.InfoLeft3.value=document.all.InfoDiv3.style.pixelLeft;
> Card_Design.InfoTop3.value=document.all.InfoDiv3.style.pixelTop;
> Card_Design.InfoFont3.value=document.all.InfoDiv3.style.fontFamily;
> Card_Design.InfoSize3.value=document.all.InfoDiv3.style.fontSize;
> if(document.all.InfoDiv3.style.fontWeight=="bolder") {
> Card_Design.InfoBold3.value=1;
> } else {
> Card_Design.InfoBold3.value=0;
> }
> if(document.all.InfoDiv3.style.fontStyle=="italic") {
> Card_Design.InfoItalic3.value=1;
> } else {
> Card_Design.InfoItalic3.value=0;
> }
> if(document.all.InfoDiv3.style.display=="none") {
> Card_Design.InfoColor3.value="";
> } else {
> Card_Design.InfoColor3.value=document.all.InfoDiv3.style.color;
> }
>
>
> Card_Design.InfoLeft4.value=document.all.InfoDiv4.style.pixelLeft;
> Card_Design.InfoTop4.value=document.all.InfoDiv4.style.pixelTop;
> Card_Design.InfoFont4.value=document.all.InfoDiv4.style.fontFamily;
> Card_Design.InfoSize4.value=document.all.InfoDiv4.style.fontSize;
> Card_Design.InfoHeight4.value=document.all.InfoDiv4.style.lineHeight;
>
> if(document.all.InfoDiv4.style.fontWeight=="bolder") {
> Card_Design.InfoBold4.value=1;
> } else {
> Card_Design.InfoBold4.value=0;
> }
> if(document.all.InfoDiv4.style.fontStyle=="italic") {
> Card_Design.InfoItalic4.value=1;
> } else {
> Card_Design.InfoItalic4.value=0;
> }
> if(document.all.InfoDiv4.style.display=="none") {
> Card_Design.InfoColor4.value="";
> } else {
> Card_Design.InfoColor4.value=document.all.InfoDiv4.style.color;
> }
>
> Card_Design.InfoLeft5.value=document.all.InfoDiv5.style.pixelLeft;
> Card_Design.InfoTop5.value=document.all.InfoDiv5.style.pixelTop;
> Card_Design.InfoFont5.value=document.all.InfoDiv5.style.fontFamily;
> Card_Design.InfoSize5.value=document.all.InfoDiv5.style.fontSize;
> Card_Design.InfoHeight5.value=document.all.InfoDiv5.style.lineHeight;
>
> if(document.all.InfoDiv5.style.fontWeight=="bolder") {
> Card_Design.InfoBold5.value=1;
> } else {
> Card_Design.InfoBold5.value=0;
> }
> if(document.all.InfoDiv5.style.fontStyle=="italic") {
> Card_Design.InfoItalic5.value=1;
> } else {
> Card_Design.InfoItalic5.value=0;
> }
> if(document.all.InfoDiv5.style.display=="none") {
> Card_Design.InfoColor5.value="";
> } else {
> Card_Design.InfoColor5.value=document.all.InfoDiv5.style.color;
> }
>
> Card_Design.InfoLeft6.value=document.all.InfoDiv6.style.pixelLeft;
> Card_Design.InfoTop6.value=document.all.InfoDiv6.style.pixelTop;
> Card_Design.InfoFont6.value=document.all.InfoDiv6.style.fontFamily;
> Card_Design.InfoSize6.value=document.all.InfoDiv6.style.fontSize;
>
> if(document.all.InfoDiv6.style.fontWeight=="bolder") {
> Card_Design.InfoBold6.value=1;
> } else {
> Card_Design.InfoBold6.value=0;
> }
> if(document.all.InfoDiv6.style.fontStyle=="italic") {
> Card_Design.InfoItalic6.value=1;
> } else {
> Card_Design.InfoItalic6.value=0;
> }
> if(document.all.InfoDiv6.style.display=="none") {
> Card_Design.InfoColor6.value="";
> } else {
> Card_Design.InfoColor6.value=document.all.InfoDiv6.style.color;
> }
>
>
>
> Card_Design.LogoShowornot.value=document.all.LogoDiv.style.display;
>
> Card_Design.LogoOuterLeft.value=document.all.LogoDiv.style.pixelLeft;
> Card_Design.LogoOuterTop.value=document.all.LogoDiv.style.pixelTop;
> Card_Design.LogoOuterWidth.value=document.all.LogoDiv.style.pixelWidth;
> Card_Design.LogoOuterHeight.value=document.all.LogoDiv.style.pixelHeight;
> Card_Design.LogoInnerLeft.value=document.all.LogoContDiv.style.pixelLeft;
> Card_Design.LogoInnerTop.value=document.all.LogoContDiv.style.pixelTop;
> Card_Design.LogoInnerWidth.value=document.all.LogoContDiv.style.pixelWidth;
> Card_Design.LogoInnerHeight.value=document.all.LogoContDiv.style.pixelHeight;
>
> Card_Design.LogoTransparent.value=document.all.LogoDiv.filters.item("DXImageTr
> ansform.Microsoft.Alpha").Opacity;
>
> Card_Design.LogoMirror.value=document.all.LogoDiv.filters.item("DXImageTransfo
> rm.Microsoft.BasicImage").Mirror;
>
> Card_Design.LogoGrayScale.value=document.all.LogoDiv.filters.item("DXImageTran
> sform.Microsoft.BasicImage").GrayScale;
>
> Card_Design.FaceShowornot.value=document.all.FaceDiv.style.display;
> Card_Design.FaceOuterLeft.value=document.all.FaceDiv.style.pixelLeft;
> Card_Design.FaceOuterTop.value=document.all.FaceDiv.style.pixelTop;
> Card_Design.FaceOuterWidth.value=document.all.FaceDiv.style.pixelWidth;
> Card_Design.FaceOuterHeight.value=document.all.FaceDiv.style.pixelHeight;
> Card_Design.FaceInnerLeft.value=document.all.FaceContDiv.style.pixelLeft;
> Card_Design.FaceInnerTop.value=document.all.FaceContDiv.style.pixelTop;
> Card_Design.FaceInnerWidth.value=document.all.FaceContDiv.style.pixelWidth;
> Card_Design.FaceInnerHeight.value=document.all.FaceContDiv.style.pixelHeight;
>
> Card_Design.FaceTransparent.value=document.all.FaceDiv.filters.item("DXImageTr
> ansform.Microsoft.Alpha").Opacity;
>
> Card_Design.FaceMirror.value=document.all.FaceDiv.filters.item("DXImageTransfo
> rm.Microsoft.BasicImage").Mirror;
>
> Card_Design.FaceGrayScale.value=document.all.FaceDiv.filters.item("DXImageTran
> sform.Microsoft.BasicImage").GrayScale;
> }
>
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
May 14, 2008 May 14, 2008
Hi Mick,
Yes I know. I'm not sure why this does not work FF. I haven't tested it on Opera or Safari.
I don't think theres much I can do about it really.
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 18, 2008 May 18, 2008
The_FedEx_Guy wrote:
> Hi Mick,
> Yes I know. I'm not sure why this does not work FF. I haven't tested it on Opera or Safari.
> I don't think theres much I can do about it really.

It's quite easy, but tedious.
Mick
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
May 19, 2008 May 19, 2008
LATEST
??
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 13, 2008 May 13, 2008
> I'm sorry I do not know anything about javascript apart from adding it to
> a site, I would need a good tutorial or something.

Well, what you are doing here is rather unique. I've never heard of doing
this before. You could piece together scripts here and there. Again, though,
I don't think what you are trying to accomplish is going to be a very
accurate system no matter how much javascript you apply.

The catch is that you are asking people do visually design something in
their browser via HTML. But HTML does not render the same from browser to
browser, computer to computer, font settings to font settings, etc.

So that's why I had suggested flash, as that is accurate visually
cross-browsers and computers.

As for getting the position of elements on a page via javascript, this
shoudl get you started:

http://www.quirksmode.org/js/findpos.html

-Darrel


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
May 13, 2008 May 13, 2008
Thats great thank you for your help and advice.
I thought about using hidden fields but didn't know how I could implement them.

I have spend the last 2 hours amending and hacking away at my script. And I have finally got the values passed through.
Its not how I would like it but it works.
All the values get sent to my given email address then once that is done the user goes to the payment page which is connected to osCommerce
http://www.liquidprint.co.uk/cards/
if you want to have a look

Thanks again
The_FedEx_Guy
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 13, 2008 May 13, 2008
> Thats great thank you for your help and advice.
> I thought about using hidden fields but didn't know how I could implement
> them.
>
> I have spend the last 2 hours amending and hacking away at my script. And
> I
> have finally got the values passed through.
> Its not how I would like it but it works.
> All the values get sent to my given email address then once that is done
> the
> user goes to the payment page which is connected to osCommerce
> http://www.liquidprint.co.uk/cards/
> if you want to have a look

I got a few run-time errors in IE. Impressive, though.

-Darrel


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
May 13, 2008 May 13, 2008
You chose magenta :-)
Yea those errors are weird. Is there a way I can hide them from IE status bar?
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
May 13, 2008 May 13, 2008
How would I go about creating an XML document that I can import to InDesign CS2?
I can link to InDesign.
But from the data submitted is it possible to output a XML file on the server?
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 13, 2008 May 13, 2008
> Yea those errors are weird. Is there a way I can hide them from IE status
> bar?

Well, they are errors, so you'll want to fix them. In my browser, due to my
particular settings, it creates pop-up error messages for me.

-Darrel


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 13, 2008 May 13, 2008
> How would I go about creating an XML document that I can import to
> InDesign CS2?

So, you want the web page to visually create a layout that is then turned
into XML that it imported into InDesign?

This really seems like the long-way-round. I'll toss out the 'consider
flash' suggestion again as it'll be a more direct and accurate route from
what people see on screen to what you end up printing.

> I can link to InDesign.
> But from the data submitted is it possible to output a XML file on the
> server?

Yes, you can create an XML file via your PHP.

-Darrel


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines