Help with Advanced contact form

  • Hi,

    I’m currently migrating/moving an old static website to WordPress. The new website is already running and everything works well except one “little” thing.

    As you can see, in the OLD website (https://tokyostay.co.jp/premium/en/) there is a link in the Contact Form called “See Map” that calls an image/map which has different areas. Once you select one of those areas the information is written in the contact form.

    Now, if you have a look at the NEW/Wordpress website (https://tokyostay.co.jp/premium2/), you’ll see the “See map” link also, but is not working here. I basically have no idea how to make it work. I have moved all the code (+ the js file) from the static site but nothing, it’s not working. So I’d be happy either if you can help me to make it work or if you have any other/new idea to make this functionality work ??

    Here the code of the file “slider.php”, which is were the contact form code is located:

    <script type="text/javascript">

 jQuery(document).ready(function(){
    jQuery('#pslider').bxSlider({
	  mode: 'fade',
	  controls:false,
          speed:1000,
          pause: 8000,
	  pager: false,
	  auto: true,
	})
  });

</script>

<div id="pcover">
	<?php $slide_count =get_option('aven_slide_count'); ?>
	<?php $slide_cat = 'rental';?>
	<?php $slide_type ='listings';?>

<div id="pbox">
	<div id="pslider">
	<?php
		$my_query = new WP_Query('post_type='.$slide_type.'&type='.$slide_cat.'&showposts='.$slide_count.'');
		while ($my_query->have_posts()) : $my_query->the_post();
	?>
<div class="spanel">
<div class="spropmeta">
<div id="formulaire">
<h3>TokyoStay Premium help you find an apartment in Tokyo</h3>
<span class="errorr"><?php
  if(isset($erreur)){ echo "<p>$erreur</p>"; }
  ?></span>
  <form method="post">
<table width='80%' border='0' cellspacing='1' cellpadding='1'>

<tr><td align='right' width='20%'><label for="date">Date </label></td><td><select style='width:200 ;' name='date' size='1'id="date" value="<?php if(isset($date)) echo $date; ?>"/>
<option selected value=0>Select</option><option value="January">January</option><option value="February">February</option><option value="March">March</option><option value="April">April</option><option value="May">May</option><option value="June">June</option><option value="July">July</option><option value="August">August</option><option value="September">September</option><option value="October">October</option><option value="November">November</option><option value="December">December</option></select><span class="error"><?php if(isset($erreurdate)) echo $erreurdate; ?></span></td></tr>

<tr><td align='right' width='20%'><label for="quartier">District </label></td><td width="80%"><select id="toto" style='width:200 ;' name='quartier' size='1' value="<?php if(isset($quartier)) echo $quartier; ?>"/>
<option selected value=0>Select</option><option value="Nerima-ku">Nerima-ku</option><option value="Itabashi-ku">Itabashi-ku</option><option value="Kita-ku">Kita-ku</option><option value="Adachi-ku">Adachi-ku</option><option value="Suginami-ku">Suginami-ku</option><option value="Nakano-ku">Nakano-ku</option><option value="Toshima-ku">Toshima-ku</option><option value="Arakawa-ku">Arakawa-ku</option><option value="Katsushika-ku">Katsushika-ku</option><option value="Shinjuku-ku">Shinjuku-ku</option><option value="Setagaya-ku">Setagaya-ku</option><option value="Shibuya-ku">Shibuya-ku</option><option value="Meguro-ku">Meguro-ku</option><option value="Ota-ku">Ota-ku</option><option value="Shinagawa-ku">Shinagawa-ku</option><option value="Minato-ku">Minato-ku</option><option value="Edogawa-ku">Edogawa-ku</option><option value="Chiyoda-ku">Chiyoda-ku</option><option value="Bunkyo-ku">Bunkyo-ku</option><option value="Chuo-ku">Chuo-ku</option><option value="Taito-ku">Taito-ku</option><option value="Sumida-ku">Sumida-ku</option><option value="Koto-ku">Koto-ku</option></select><span class="error"><?php if(isset($erreurquartier)) echo $erreurquartier; ?></span><span class="label"><a href="#" onclick="javascript:afficher_cacher('map');"> See map</a></span></td></tr>

<tr>
  <td align='right' width='20%'><label for="zone"></label></td><td width="80%"><select style='width:200 ;' name='zone' size='1' value="<?php if(isset($zone)) echo $zone; ?>"/>
<option selected value=0>Select</option><option value="Nerima-ku">Nerima-ku</option><option value="Itabachi-ku">Itabachi-ku</option><option value="Kita-ku">Kita-ku</option><option value="Adachi-ku">Adachi-ku</option><option value="Suginami-ku">Suginami-ku</option><option value="Nakano-ku">Nakano-ku</option><option value="Toshima-ku">Toshima-ku</option><option value="Arakawa-ku">Arakawa-ku</option><option value="Katsushika-ku">Katsushika-ku</option><option value="Shinjuku-ku">Shinjuku-ku</option><option value="Setagaya-ku">Setagaya-ku</option><option value="Shibuya-ku">Shibuya-ku</option><option value="Meguro-ku">Meguro-ku</option><option value="Ota-ku">Ota-ku</option><option value="Shinagawa-ku">Shinagawa-ku</option><option value="Minato-ku">Minato-ku</option><option value="Edogawa-ku">Edogawa-ku</option><option value="Chiyoda-ku">Chiyoda-ku</option><option value="Bunkyo-ku">Bunkyo-ku</option><option value="Chuo-ku">Chuo-ku</option><option value="Taito-ku">Taito-ku</option><option value="Sumida-ku">Sumida-ku</option><option value="Koto-ku">Koto-ku</option></select></td></tr>

<tr><td align='right' width='20%'><label for="surface">Surface </label></td><td><select style='width:200 ;' name='surface' size='1'id="surface" value="<?php if(isset($surface)) echo $surface; ?>"/>
<option selected value=0>Select</option><option value="20m2 - 30m2">20m2 - 30m2</option>
<option value="30m2 - 40m2">30m2 - 40m2</option><option value="40m2 - 50m2">40m2 - 50m2</option>
<option value="50m2 -60m2">50m2 - 60m2</option><option value="60m2 - 80m2">60m2 - 80m2</option><option value="80m2 - 120m2">80m2 - 120m2</option><option value="120m2 - 200m2">120m2 - 200m2</option><option value="> 200m2">> 200m2</option></select><span class="error"><?php if(isset($erreursurface)) echo $erreursurface; ?></span></td></tr>

<tr><td align='right' width='20%'><label for="budget">Budget </label></td><td><select style='width:200 ;' name='budget' size='1' id="budget" value="<?php if(isset($budget)) echo $budget; ?>"/>
<option selected value=0>Select</option><option value="100000￥ - 150000￥">100000￥ - 150000￥</option><option value="150000￥ - 200000￥">150000￥ - 200000￥</option><option value="200000￥ - 250000￥">200000￥ - 250000￥</option><option value="250000￥ - 300000￥">250000￥ - 300000￥</option><option value="300000￥ - 350000￥">300000￥ - 350000￥</option><option value="350000￥ - 400000￥">350000￥ - 400000￥</option><option value="400000￥ - 500000￥">400000￥ - 500000￥</option><option value="500000￥ - 700000￥">500000￥ - 700000￥</option><option value="700000￥ - 900000￥">700000￥ - 900000￥</option><option value="> 900000￥">> 900000￥</option></select><span class="error"><?php if(isset($erreurbudget)) echo $erreurbudget; ?></span></td></tr>

<tr><td align='right' width='20%'><label for="nom">Name </label></td><td><input type="text" name="nom" id="nom" value="<?php if(isset($nom)) echo $nom; ?>"/>
<span class="error"><?php if(isset($erreurnom)) echo $erreurnom; ?></span></td></tr>

<tr><td align='right' width='20%'><label for="email">Email </label></td><td><input type="text" name="email" id="email" value="<?php if(isset($email)) echo $email; ?>"/><span class="error"><?php if(isset($erreuremail)) echo $erreuremail; ?></span></td></tr>

<tr><td align='right' width='20%'><label for="tel">Phone </label></td><td><input type="text" name="tel" id="tel" value="<?php if(isset($tel)) echo $tel; ?>"/><span class="error"><?php if(isset($erreurtel)) echo $erreurtel; ?></span></td></tr>

<tr><td align='right' width='20%'><label for="message">Message </label></td><td><textarea name="message" id="message" value="<?php if(isset($message)) echo $message; ?>"/></textarea>
<span class="error"><?php if(isset($erreurmessage)) echo $erreurmessage; ?></span></td></tr>

<tr><td align='right' width='20%'></td><td><input type="submit" value="Send" /></td></tr>
</table>
<span class="error"><?php if(isset($erreuremaill)) echo $erreuremaill; ?></span>
</form>
</div>
</div>

<img class="slideimg" src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo get_image_url()?>&h=486&w=972&zc=1" title=""/></a>
</div>
<?php endwhile; ?>
</div><!-- Slider -->

</div><!-- pbox -->

</div> <!-- pcover -->

    Thanks!!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Looks like you may have a jquery conflict. Look at the source code of the page and see if you have duplicate jquery files being loaded.

    This is not a jQuery conflict.

    On the original page, the map is already on the page, just hidden (look in the source code for:

    <div id="map">

    In the new page, this code is not there. So basically, you’re trying to change the visibility of a map that’s not on the page in the first place.

    Thread Starter lararaider

    (@lararaider)

    Thank you very much guys, it was a problem with the “<div id=”map”>”, yes… So I just had to add this tag and it worked! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help with Advanced contact form’ is closed to new replies.